current community

your communities

more stack exchange communities

Stack Exchange
tour help
careers 2.0

Tagged Questions

2
votes
3answers
29 views

How to addClass in ng-repeat

Here is my Html code : <div ng-controller="MainController"> <ul class="list-holder"> <li ng-repeat="check in checks" ng-class="{active : isSelected(check)}"> ...
0
votes
0answers
11 views

Multi-item responsive carousel

I'm building a website that requires a carousel to be implemented. Because this website is built on AngularJS I wanted to go with Angulars Boostrap Carousel, however, this carousel appears to only ...
1
vote
1answer
28 views

how do I create unique looking angular ui bootstrap dialogs

How do I style angular-ui bootstrap modal dialogs so they appear different from one another in color and/or size? I can style them for the site but not individually. I found the following similar ...
-1
votes
1answer
17 views

Alert to appear on right top corner using ui-bootstap, bootstrap with Angularjs

Problem, I want my Alert to appear on the right hand corner. How would I do that using bootstrap?. Currently my HTML look like this. <div class="notification"> <alert ...
0
votes
0answers
17 views

how to customize angular-ui bootstrap tabs

I am having some issues styling my modal. The length of the tabs bottom-border goes past the side of the modal. I would also like to have the tabs have borders on every side so it will look more like ...
0
votes
2answers
72 views

view more/less button to a unordered list of items for a book shelf and auto adjustment of shelf after every 6 books in a row

Hej Guys, I am working on a book shelf container, using Bootstrap 3.0, i have something like this so far, http://www.bootply.com/19NyAgMDED here , i have hardcoded bookshelf with some books in it ...
0
votes
0answers
35 views

Angularjs with bootstap alert - keep the alert on screen when scroll down

I'm using the example from http://angular-ui.github.io/bootstrap/ <div ng-controller="AlertDemoCtrl"> <alert ng-repeat="alert in alerts" type="{{alert.type}}" ...
0
votes
0answers
37 views

Angular Pills with dropdown

I want to create pills in angular with a dropdown. I have achieved this but the problem is that only the span or a is clickable and not the rest of the pill. However if i click the pill it still ...
0
votes
1answer
35 views

How to handle big list of items in drop-down angular-ui?

I use angular-ui drop down It works fine but I have no clue how to handle multiple item in drop down. Consider following example in Plunker HTML <div class="btn-group" dropdown ...
0
votes
2answers
59 views

How to open Dropdown (Bootstrap-UI) above some divs?

How to open bootstrap-dropdown when i click on cell-div within grid (ng-grid of AngularjJS) ? I can open it only partially. Here's plunker
0
votes
1answer
32 views

Content inside bootstrap Modal does not get padding

I have a modal that i open in my project, Some CSS modifications are not displayed. This is my code: <div class="modal-body"> <form class="form-horizontal "> <div ...
0
votes
3answers
52 views

How to float text to the right for Angular UI Bootstrap?

I want to float the countdown timer text for an alert element which will auto-close towards the right side of a Angular UI Bootstrap's alert When I use something super simplistic like ...
0
votes
1answer
101 views

angular, angular-snap.js, toggle button click hide/show behavior should not effect header and menu

I am using angular-snap.js for my vertical slider. The problem I am facing is that the snap-content and snap-drawer Toggle buttons are appearing and functioning from the top of a page (even above the ...
0
votes
1answer
49 views

How to stop tabbing to elements outside Angular-UI Bootstrap modal window?

When I open modal in Angular-UI Bootstrap, press the 'tab' key to cycle through elements, once cycling through elements in the modal window it starts selecting elements behind the modal. To ...
0
votes
1answer
32 views

Limiting the dark area during popup in angularjs

The pop up works flawless with bootstrap. Now I'm trying to limit the dark area during popup, I don't want the header to be covered in dark during popup, some thing like this
0
votes
2answers
1k views

AngularJS “Accordion” style menu + dynamic data + submenus + using li -— working example

What I am trying to do is make an all purpose accordion-style navigation menu, with submenus, in AngularJS. It must dynamically load menu data, dynamically assign which menu items have submenus and ...
0
votes
2answers
198 views

How to design a dynamic progress bar with stages and scalable input with angularjs?

I am trying to develop a progressive bar for fund raising activities. The minimum value is the value for the activity to take place and the maximum value is the max fund it can take. It will be the ...
0
votes
1answer
159 views

Using angular-ui to expand/collapse a div from/to the right edge of the viewport

I'm working on creating a "drawer" div that will appear and disappear with a transition from the right side of the browser window. I'm using Angular-UI-Bootstrap's collapse directive, modified with ...
0
votes
2answers
60 views

Glyphicon issue on alternating row disapears

I am trying to create a table which binds its data via Angular. I am tasked with adding a pencil glyphicon to each row to show that the row is editable. The problem I am running into is if I use the ...
0
votes
1answer
88 views

Angular accordion and popover overlay

I'm using http://angular-ui.github.io/bootstrap/ accordion and popover inside accordion. But Popover and accordion creates overlay and popover block displays only inside accordion. Html code: ...
0
votes
1answer
138 views

Cannot set z-index on Angular UI dropdown-menu inside ng-grid

The problem is I cannot get dropdown menu to show on top of ng-grid. I've even tried manually setting the z-index property on every element via FireBug but still cannot get it to work. I'm hoping ...
6
votes
2answers
1k views

Avoid having to double-click to toggle Bootstrap dropdown

I am using a Bootstrap dropdown menu. The problem is that it never drops down upon the first click; I need to click 2 times for it to be toggled. I guess the click event is somehow getting stuck ...
-2
votes
1answer
111 views

ui.boostrap accordion container width issue

THIS PLUNKER REFERS I'm having an issue using ng-Grid inside a ui.bootstrap accordion. Take a look at my Plunker to see the issue in action. Essentially, when placing a grid inside an accordion with ...
-1
votes
2answers
104 views

how to fix the form-control width?

I've the following code in HTML: <div class="col-sm-12"> <div ng-repeat="param in plugin.wsdlURLs track by $index" class="col-sm-12"> <select class="form-control col-sm-4" ...
0
votes
2answers
75 views

Making tabs right to left with angularUI

I'm using angularUI to make tabs <tabset> <tab ng-repeat="t in tabs" heading="{{t.heading}}" select="go(t.route)" active="t.active"> </tab> ...
0
votes
2answers
247 views

How to set the default tab in bootstrap

I have a question regarding my angular bootstrap ui I have something like <div class="container" ng-controller='sCtrl'> <tabset id='tabs'> <tab heading="Title1" > ...
0
votes
2answers
352 views

Modal service in AngularJS that allows me to resize the size of the modal popup

I'm writing an AngularJS app. I need to open a particular modal popup that is big in size. Is there any AngularJS library out there that allows me to open a modal popup according to my specification ? ...
0
votes
1answer
91 views

Best way to override default dropdown-menu css in Twitter Boostrap with Angular JS

I have a twitter bootstrap web template that I'm integrating with angular ui to develop a SPA. I have been able to do this integration to some level but I want to override the default css that Twitter ...
1
vote
2answers
69 views

change type password style to none with angular

I have a doubt, I'd like to put in my application a check box, to show or hide the text of a password's input HTML <input type="text" ng-model="data.username" placeholder="username" ...
0
votes
0answers
28 views

Angularui datepicker doesn't work with bootstrap 3.02

I'm using angularui with bootstrap 3.02 and the datepicker doesn't render properly. It shows only a portion of the days in the months. Has there been a fix for this?
0
votes
1answer
49 views

ng-repeat did not show same as type each manually on screen

Yesterday, I see this question on the stackoverflow: No spacing between bootstrap-labels with ng-repeat The Question owner only want to get a solution , so I open a new question to ask cause. Here ...
0
votes
0answers
81 views

Isolate twitter bootstrap to ngApp

I'm working on an application which runs inside another site (SharePoint). My application is trying to use the modal dialog box to add new users and other things that's need modal boxes later on. For ...
1
vote
2answers
796 views

How can you prevent the Bootstrap UI Tabs component from stacking vertically when tabs are added such that they overflow the width of the container?

What I'd like to do is use the bootstrap ui tabs component and make it work such that as tabs are added, the parent div container will just expand where the overflow is hidden and the tabs don't stack ...
1
vote
0answers
138 views

Content of bootstrap popover doesn't fit its shape (Android)

In my web application I use popovers (from ui-bootstrap). Everything works correctly, but I noticed some problems on Android. The problem is that text (content) of popover doesn't fit its shape. Text ...
0
votes
1answer
2k views

Angular - UI Bootstrap Datepicker not displaying over Bootstrap Modal

I have an Angular app that I am using UI Bootstrap. I have a modal with a Datepicker at the bottom of the modal. When expand the Datepicker, it stays inside the modal. I have tried changed the ...
1
vote
0answers
175 views

Opacity and Angular UI Dropdown Toggle

I have a really annoying problem with opacity settings combined with Angular Ui Bootstrap. I have a table with a dropdown toggle in each row. When I hover over the rows, the opacity settings change on ...
3
votes
1answer
2k views

Why doesn't cursor change to pointer/hand on Tabs, Pagination, Dropdown Toggle etc in angular-ui-bootstrap?

I have to add the following code: <style type="text/css">a {cursor:pointer;}</style> to make cursor change to pointer/hand on links for Tabs, Pagination, Dropdown Toggle etc.. in ...