For programming questions regarding using the Bootstrap components written in pure AngularJS. Not for questions regarding documentation, licencing or other legal issues.
0
votes
0answers
5 views
Native Mobile Button Display
Apologies if my terminology is incorrect; as I'm rather new to mobile development. What I'm looking to do is as follows:
On the mobile version of my site; I have a login button at the top. If the ...
0
votes
2answers
19 views
Modal in Angular $injector:unpr Unknown
I'm having this problem trying to use modals in angular
$modalProvider <- $modal <- User.Ctlr
Here's my app.js
'use-strict';
var App = angular.module('App', ['ui.bootstrap']);
Here's my ...
0
votes
0answers
38 views
Reload AngularJS module without page reloading
I have some computations in myapp.config functions. They are performed when the page is loaded (or bootstrapped). I need to repeat these computations after that (e.g. after clicking a button or ...
2
votes
1answer
18 views
Fetch server settings after boostrap but before anything else
I've been searching for an answer for this but haven't got any unambiguous or clear answer on how to solve and come about this.
In my anguarJS app, I want to make sure that the very first thing after ...
0
votes
0answers
41 views
typeahed inside a modal controller not calling
I am just trying to get the typeahed working from inside the modal but every time I am trying its just displaying "No Result Found", and when putting debugger at typeahead function its not actully ...
0
votes
1answer
69 views
Angularjs factory data or object inaccessible directly inside the controller
I have just created an Angular JS factory (below is the code) which returns data for two datepickers (ui.bootstrap's elements) and bind to my html code, but when I am trying to modify the return $...
0
votes
0answers
51 views
Error function it's not getting call when I dismiss a modal in AngularJS bootstrap ui modal
I have the following the workflow inside a form, the user press the submit button this cause a modal window to appears this window have two buttons one that says accept and other that says cancel, if ...
1
vote
1answer
25 views
Send selected typeahead option through typeahead-on-select
<input type="text"
class="topic_select"
id="selectTopic"
ng-model="topicsPopulate"
uib-typeahead="topic.name for topic in topics|filter:$viewValue"
uib-typeahead-...
-6
votes
1answer
59 views
How do I customize progress bar, that user can drag and change the value? [closed]
I want the progress bar that look like this, I found some bootstrap progress bar but their is no customized values
0
votes
1answer
17 views
When using Bootstrap, why are some of my elements randomly not collapsing?
I have several collapsing blocks on my web-forms site. I'm using Bootstrap to collapse them, like so:
<div class="span<%# CurrentBlock.Span > 0 ? CurrentBlock.Span.ToString() : "12" %> ...
1
vote
0answers
18 views
angular-bootstrap-lightbox plugin issue in safari browser of Window
I have using angular-bootstrap-lightbox in my project . its working fine in all browser.
But issue in safari of window.
Image that display in open modal is get disappear after display.
I have ...
1
vote
1answer
174 views
Bootstrap angular ui modal not updating or showing field data
So what I'm trying to do is get the data from the row data and display the properties of the object from that row onto the fields inside the modal view.
Also, when the submit button is pressed - The ...
0
votes
0answers
96 views
Typeahead AngularJS | Autocomplete when click
I'm using the getbootstrap typeahead to populate an input value. I've setup everything so that the user has to pick something from this list:
<input type="text" class="form-control" id="birdname" ...
1
vote
0answers
50 views
Angularjs bootstrap UI add the dynamic tab and page not loaded
I added dynamically tab
I click the 'Create Project' button the page not loaded
After I click 'Create Job' button the second page loaded
After I click the 'Project' tab the page opened
How to open ...
0
votes
1answer
23 views
angularjs bootstrap ui active tabs not loaded by default
i am using angularjs v1.5.5 and ui-bootstrap-tpls-1.3.2.
i loading page the dynamic. i have 3 pages. i want to load last page by default
$scope.tabs = [
{ title:'Page A', template: 'a.html', ...
0
votes
0answers
38 views
div popup if button click not working
I have a button which on clicked shows a dropdown we are using bootstrap to show the dropdown on button click below is my code.
<div class="dropdown">
<button class="btn btn-primary ...
0
votes
1answer
94 views
How to Add Custom Header for bootstrap popover in angularjs application
How we can add the custom header in popover in bootstrap .. I have used below code and i want to add custom header with some links:
<script type="text/ng-template" id="abc.html">
<...
0
votes
1answer
261 views
angular-bootstrap calendar is not displaying calendar
I have installed all the component but also calendar is not displyaing.
I have downloaded moment manually and injected in app.js
module is:
angular.module('app', ['ionic', 'app.controllers', 'app....
0
votes
0answers
49 views
Angular JS DatePicker Popup parses number into date
I have a angularjs datepicker popup(angular-bootstrap directive) as below
<input id="dobFrom" class="form-control" type="text" datepicker-popup="MM/dd/yyyy" ng-model="dobFrom" />
When I ...
0
votes
1answer
76 views
Angular.js $compile doesn`t working
I try to change all input type dates in project to uib-picker-popup, I use directive and $compile but new element doesn`t work. When I put result html to new .html its working fine, I guess there is ...
0
votes
1answer
60 views
Passing parameter during closing modal with ESC key
Is there a way to pass a parameter through the $modalInstance.dismiss when we close a modal using ESC key?
If user close properly using 'close', then I know I can use $modalInstance.close(ctrl....
0
votes
1answer
162 views
How to declare and use modules, controllers, services and bootstrap manually in Angular?
i'm trying to build an AngularJS app that has one Controller, one Service and that Bootstraps manually (no ng-app). The problem is that I keep having an error :
Argument 'AppController' is not a ...
2
votes
1answer
54 views
AngularJS and BootstrapUI - pass function and argument to BootstrapUI directive
I'd like to pass a function with to BootstrapUI's popover directive. The attribute is normally a string, but I need to do an AJAX call to supply the attribute to the directive. Currently, the popover ...
0
votes
1answer
5k views
Bare minimum code for AngularJS Carousel
I spent all day trying to get the "example" AngularJS Carousel to work, and it was only thanks to finally stumbling upon this topic that I finally got it to work.
Starting with the Carousel example ...
0
votes
1answer
125 views
Angularjs ui bootsrap datepicker in backbase portal not working
I am trying to use datepicker of Angularjs ui boostrap in backbase portal but it is not working. Same code is working outside backbase portal.
My HTML code
<button type="button" class="btn btn-...
4
votes
2answers
3k views
How to make other directives work inside uib-tab elements
Is there a callback function for uib-tab directives I can use to refresh the inner directives after a tab has been rendered?
I am trying to find the source of an issue with a third-party directive ...
2
votes
3answers
1k views
Inject variables via ng-init to controller
I want to inject the same variables with different values multiples times to the same controller. This is what I tried. What is a way to get different values in each call?
HTML
<body ng-app="...
0
votes
0answers
42 views
Have I lost scope in this template?
I have a partial page with the angular-ui carousel plopped down in the middle of it. That directive has a template-url attached to it:
<carousel interval="0" no-wrap="false" template-url="/...
0
votes
0answers
258 views
Angular UI Bootstrap Datepicker shows wrong Date format after Navigating to other routes
I have multiple tabs in my application (i.e. I have used ngRoute to navigate to different tabs) and in one of the tab, I have used Angular UI datepicker
<input readonly="true" require id="...
0
votes
1answer
41 views
Controller initialization in AngularJS
<html>
<body>
<div ng-controller="TestController">
Framework is {{name}}
</div>
</body>
</html>
Am making the ...
3
votes
1answer
116 views
AngularJS - bootstrap - bootstrapDualListbox - on select values on left side all are selecting/moving to right side
I am using bootstrapDualListbox
JS
$('select[name="duallistbox_demo1[]"]').bootstrapDualListbox({
moveOnSelect: false
});
HTML
<select multiple="multiple" size="10" name="...
4
votes
1answer
537 views
Auto positioning of tooltip using AngularJS
I want to position my tooltip automatically, like if I am at the top of the browser scrollbar, and there is a link with the tooltip in the first line then the tooltip must be displayed at the ...
1
vote
1answer
438 views
Tabs in Angular Bootstrap
I'm trying to just display a couple of tabs by using Angular Bootstrap, but I cannot see any content displayed. All I see is a blank white page.
Where am I wrong?
html-
<html ng-app = 'myApp'>...
0
votes
1answer
321 views
bootstrap dynamically height in navibar
I'm new in bootstrap and angularJS.
but I'm building page where top and left side page will be static not moving.
I use <nav class="navbar navbar-default navbar-fixed-top from bootstrap to header ...
1
vote
3answers
972 views
Angularjs data binding when passing a reference?
Sometimes, when two variables refer to the same variable, they are not binding together like this:
var option = 1;
$scope.a = option;
$scope.b = option;
When you change $scope.a, $scope.b does ...
0
votes
1answer
554 views
Multiple input fields and buttons on single line using Bootstrap
I have the following single line containing an search input bar and 2 buttons. How do I style this to make the search input box smaller according to the buttons next to it? I would like to add 2 more ...
1
vote
0answers
464 views
Angularjs bootstrap datepicker in inline form (is it possible>
I have bootstrap inline form. When I integrated the Angularjs bootstrap datepicker, the datepicker text field is going in second line and breaks the shape of the bootstrap inline form. Any way I can ...
0
votes
1answer
236 views
How to hide a div in Menu Collapse
I finally got the collapse menu working for the Bootstrap Angular UI. However I still couldn't figure out how to hide the div for the "hide-mobile" class and show the "show-mobile" class in the mobile ...
1
vote
0answers
82 views
Angular doesn't Open Correct Modal
I am trying to open edit page:
<div id="edit" class="span6" ng-controller="BrandsCtrl">
<script type="text/ng-template" id="editPage">
<div class="row-fluid sortable">
&...
0
votes
1answer
228 views
how to dynamically change the max value of rating in angularjs bootstrap ui
I just started using angularjs. I am using angularjs bootstrap-ui for this project. I am rating directive and I want to change the max value. But the changes are not reflected on the rating directive
...
1
vote
1answer
533 views
ui-router multiple named nested views
I have a nested view like this
<div ui-view="master" id="ng-view">
<div class="container-fluid height-full">
<div ui-view="globalNavigationPanel" class="row"></div>
...
0
votes
1answer
1k views
Argument is not a function, got undefined with angular bootstrap, ui-router and requirejs
I am following Dan Wahlin's example of dynamically loading controllers using requirejs but with angular ui-router.
this is my app.js
var bootstrapper = angular.module('etrading', ['ui.router', '...
0
votes
2answers
146 views
ng-init or ng-bind does not work for sample code
My code:
Its simple but i don't get want am i missing:
<div ng-app="sample" ng-init="firstName='somnath'">
<p>My name is: <span ng-bind="firstName"></span>
</p>...
1
vote
1answer
1k views
Angular Bootstrap: Tooltip placement based on function
I'm using the Angular Bootstrap Popover:
<button popover-placement="top" popover="On the Top!" class="btn btn-default">Top</button>
If using default Bootstrap JavaScript, it's possible ...
1
vote
1answer
1k views
typeahead dropdown results align right - pull-right
Trying to understand how to implement the pull-right class within the angular typeahead dropdown only.
Issues:
input is located on RHS of window (which is typical for a search input box)
my ...
0
votes
1answer
194 views
AngularJS Typeahead and $http request limiting
I'm trying to limit the amount of results Angular Bootstrap Typeahead returns when doing Async calls but it's not working at all.
<input type="text" ng-model="asyncSelected"
placeholder="...
1
vote
1answer
232 views
Unable to use exedit popup in angular bootstrap project
How to use xeditable popup in angular bootstrap project?
followed steps mentioned in http://vitalets.github.io/x-editable/docs.html
It gives the error : ReferenceError: $ is not defined
2
votes
1answer
610 views
Angularjs ui bootstrap date picker icon issue in firefox
I am using Angularjs ui bootstrap date picker but the icon <i class="glyphicon glyphicon-calendar"></i> is not appearing properly in firefox but the icon is fine in Chrome. Please see the ...
1
vote
0answers
2k views
Validation on Angular JS bootstrap DatePicker
All,
I need to implement the validation on Angular js Bootstrap DatePicker. It works for following scenarios
While page is loading no validation
onChange of date text box it checks for Empty and ...
8
votes
1answer
20k views
Angularjs ui-select dropdown on-select function call issue
In my angularjs projetc I am using normal select dropdown and making a function call using ng-change which is perfectly working fine. Now I want to migrate the same dropdown to ui-select. But on-...
