A set of AngularJS directives based on Twitter Bootstrap's markup and CSS
0
votes
1answer
11 views
Angular Bootstrap Modal $uibModalInstance Unknown Provider in Angular 1.5 Component
When I try to close Angular Bootstrap Modal inside Angular 1.5 component, it throws Error: $injector:unpr Unknown Provider.
It works fine, if I use Controller instead of Component. Am I missing ...
1
vote
1answer
14 views
UI-bootstrap - Add a tab and select it by default
I'm trying to make a tab system using ui-bootstrap.
It's nearly fine but I'm still having trouble with the last tab when I add one.
Adding one tab is OK, but if I want to select it automatically once ...
0
votes
0answers
3 views
UI-Bootstrap Tabs non-isolated scope
I am trying to figure out how to override the isolated scope in Tabs. I know changing the default code is not the correct solution but I figured I would start somewhere. Setting scope:false in the ...
0
votes
0answers
6 views
How to dynamically convert Angular UI tabs to Angular UI dropdown?
Intro:
Hi! I am new to AngularJS and struggling with a design issue in Angular UI. I have a product listing page, where I want to show the details of each product in tab-panes. For this purpose, I am ...
0
votes
4answers
29 views
How to change the button color using ng-click function?
I got the buttons list from resource. It consist of 10 buttons like
t1,t2,t3,t4,t5,t6,t7,t8,t9,t10
When I click the on t1 button first time button color change to red. Second time I click on same ...
0
votes
0answers
15 views
angularstrap bs-tooltip cause error: Cannot read property 'toLowerCase' of undefined
When I am trying to use angularstrap tooltips it cause this error everytime load the project:
<span data-title="{{item.id}}" bs-tooltip delay="500"> </span>
It occur an error in ...
0
votes
1answer
14 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
7 views
Angular Custom Directive UI-Select MultiDir
I'm trying to make a custom directive that uses angular bootstrap ui-select. But I keep getting a multidir error and I just don't understand.
Directive
MetronicApp.directive('affilliateSelect', ...
0
votes
0answers
14 views
ui bootstrap tooltip doesn't update from websocket notification
I have some trouble figuring out how to force the repaint on the angularJS bootstrap tooltip. The variable data is attached to the scope and its content is automatically changed from the web socket.
...
0
votes
0answers
16 views
Example for ag-grid and angular bootstrap UI for popover functionality
Can any one please provide working example of ag-grid with a column having Bootstrap UI functionality for popover .
The celltemplate or cellrender using the below in anchor tag
{ href="#" ...
1
vote
1answer
19 views
Select tag flick on single click
When I click on dropdown once it's flicker multiple time and then settle down not getting main cause of this issue. I am not able to debug this.
Application is build using angular, bootstrap.
...
1
vote
0answers
21 views
Ui bootstrap typeahead - http loaded results, multiple parameters for function?
I want to create typeahead function that can have 3 parameters binded to 3 different inputs. It would look like this:
$scope.getClient = function(firstName, lastName, pesel) {
return ...
1
vote
2answers
37 views
Angular UI Bootstrap modal display during $http request
I am trying to create a directive that uses angular ui bootstrap modal. I would like to open this directive from my controller when a $http request is made, and close it when the request resolves. I'm ...
1
vote
1answer
16 views
Model does not persist using uib-typeahead with ng-repeat
I am trying to use uib-typeahead to select one or more objects (via an ng-repeat), but facing an issue where the model does not persist when adding another object.
This is reproduced on Plnkr here ...
-1
votes
1answer
35 views
Display menu items as column based on condition
I have created a menu, i need help in display of menu subitems
I have created a plunker. Please go through this to get idea of what i want (open plunker in full screen)
...
0
votes
1answer
32 views
Angular UI Bootstrap tabset with ng-repeat
I'm trying to upgrade my version of bootstrap-ui from 0.14.x to the latest 1.3.2 and I'm encountering some issues regarding the uib-tabset / uib-tab directives.
What I'm trying to do is dynamically ...
1
vote
1answer
28 views
unable to open hyperlink in a new tab which is created from bootstrap-wysiwyg editor
i am using bootstrap-wysiwyg rich text editor in my application and i am not able to open the hyerlink created in a new window.
i am using the bootstrap-wysiwyg.js file which is below. i am not able ...
1
vote
0answers
8 views
Bower does not install the latest version of angular-boostrap
I have noticed that I've been using angular-boostrap 0.14.3 on a project and when I tired to find out the reason I couldn't.
My bower json is as follows:
{ "name": "app", "version": "0.0.0", ...
0
votes
3answers
23 views
How to sort on input text in angular
I am new to angular. I have an input text box where I am going to enter sorting criteria like "rating" and "date". I have a controller defined with data.
comments: [
{
...
0
votes
1answer
29 views
how to show dropdown box after selecting any one of checkbox created in loop angular js
I am new to angular js programming so please excuse me if my question is naive.
I am populating a list of checkboxes depending upon values inside a json object.
I am using ng-repeat to iterate through ...
-1
votes
0answers
12 views
ui boostrap Datepicker Popup reformat
I have a UI Bootstrap Datepicker Popup with uib-datepicker-popup="MMddyy", so the format is MMddyy. When I pick a date from popup, it is formatted correctly. I am allowing alternate formats ...
0
votes
1answer
22 views
How do I add the active class to the first dynamic tab instead of the static tab in angular?
I am having an issue with ui-bootstrap's tabsets. I have one static tab (Other) and the rest are added using ng-repeat. I can't get the first dynamically loaded tab to be active, instead it always ...
0
votes
1answer
18 views
Dismiss $uibModal from within
I'm using Bootstrap's $uibModal to make forms in my web-application. Everything works fine, except that I cannot close the dialog after it's been shown.
I spent two days trying not to post here such ...
0
votes
0answers
30 views
Can't wrap directives angular 1.4.1
I'm trying to wrap form creation in order to put some logic before running some other directives, like ui.mask and ui.bootstrap. However I haven't been able to perform these other directives. HTML got ...
0
votes
0answers
62 views
Dropdowns in AngularJS
I have angularjs interdependable dropdowns, here is a demo plunker: http://plnkr.co/edit/mIFCKKO5Azr4ljyoge5r?p=preview. Now when I select an option from first(country) dropdown, I want the second ...
2
votes
2answers
34 views
howto use ui.bootstrap.datepickerPopup with html form
I'm using ui.bootstrap.datepickerPopup with angular forms, but i also want to use it with ASP.Net html forms. If i use an MVC EditorTemplate as below
//Date.cshtml
@{
var prop = ...
0
votes
3answers
24 views
How to disable search button after first click until results come from server
<form action="action_page.php">
Search Google:
<input type="search" name="googlesearch">
<input type="submit">
</form>
When I enter something into input ...
-1
votes
0answers
17 views
select element arrow click with bootstrap not working in laptop
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option ...
1
vote
1answer
21 views
UI Bootstrap datepicker - adding tooltip (ui bootstrap tooltip) for every day
I was trying to do that by adding an attribute of uib-tooltip to Datepicker, but after I saw the code I've seen that it isn't the proper way to do that...
Anyone have an idea for doing that?
Thanks a ...
1
vote
1answer
39 views
UI Bootstrap date picker is not working in ng-admin custom page
I am new to angularjs and also for ng-admin.I am using ng-admin for my project. In that I make custom page in that I have to use UI bootstrap date picker.But popup is not coming. Below is my code.
...
-3
votes
1answer
21 views
How do I change the uib-datepicker-popup button bar?
I'm using uib-datepicker-popup and I would like to change the button bar. Right now it uses .btn-info, .btn-danger and .btn-success for the 'today', 'clear' and 'close' buttons respectively. How could ...
1
vote
1answer
40 views
How to use a different combination of triggers for uib-popover?
The official documentation at :https://angular-ui.github.io/bootstrap/#/popover says that the following trigger combos can be passed as param to the popover-trigger attribute :
mouseenter: ...
1
vote
1answer
25 views
How to migrate from regular bootstrap to ui-bootstrap?
I started writing an angular application using regular bootstrap. Then I came across ui-bootstrap. I already had some HTML mostly taken from examples from the bootstrap page customized a little. ...
0
votes
2answers
31 views
How to create pagination with angularjs with ngrepeat and bootstrap ui?
What is the simpliest way to create pagination ?
I'd liket to use ng-repeat where i go through the items list and every item has id and name attributes. The next code works for example 15 items and ...
0
votes
1answer
15 views
Use same instance of $modal in angularjs with ui boostrap
Does anyone know if it is possible to open a modal using $modal.open() and save this instance of the modal to be opened again later?
2
votes
1answer
24 views
I was trying to run sb-admin-bs4-angular2-master which is an nodejs app and getting the following error when i run npm install
enter image description here
first i run npm install -g ts-node
then i run npm install which gives me following error...no idea what to do..
when i run it by npm start ... it gives me more errors of ...
0
votes
1answer
23 views
Angular based collapsible panel Demo in which I want to create a nested collapsible panel
I want to create a multilevel collapsible panel.
In the demo If I click on parent collapsible panel, it opens all inner collapsible panels and vice versa.
My requirement is to have a collapsible ...
2
votes
2answers
45 views
AngularJS Error: $injector:unpr Unknown Provider - $modalInstanceProvider
I have a button that you click and it is supposed to open a modal onclick. However, when I click the button I get the error "Unknown provider: $modalInstanceProvider <- $modalInstance". I checked ...
0
votes
0answers
34 views
UI Bootstrap Angular Modal Not showing
I'm trying to show a simple view of the angular UI modal bootstrap (no javascript being used). What is the problem with my code?
<link ...
2
votes
2answers
71 views
AngularJS - Pagination not rendering on $scope.Watch change (CodePen included)
Question Background:
I'm learning AngularJS. I have created a simple app that takes in 3 form inputs, and on submission of this form a paginated list should be rendered. I have a dependancy on ...
0
votes
1answer
32 views
(Angular + Bootstrap) How to stop two datepickers from being opened by the same button
I have a web page that needs two datepickers, start date and end date. The problem is, whenever I click on the glyph to open the date selector, both date picker opens at the same time.
Here is my ...
0
votes
0answers
12 views
Angularjs all the accordions which contained the search result should be opened on clicking the search button
I have an html page that contains 5 accordions and a search box on the top, When I search the keyword and click on search button, all the accordions that contains the search result keyword should be ...
1
vote
1answer
10 views
Accordion animation in ui-bootstrap is different from the original bootstrap (size of the accordion is increased, visually it “jumps”)
The default animation in bootstrap does not change the size of the full accordion in the process. For some reason in the ui-bootstrap that is not the case and while it animates it does a strange ...
0
votes
0answers
17 views
Is it a good approach to open a bootstrap modal over another bootstrap modal?
in the following cases:
when both modal have major functional computation.
when second modal only ask for confirmation of any action.
and what issues may occur in various screen such as ...
-1
votes
0answers
19 views
How to customise the navbar height in boostrap without affecting the responsive?
In Responsive the logo is displayiing below the menu icon. How to fix this?
<div class="container-fluid" id="fixed-menu">
<div class="row">
<div class="collapse ...
1
vote
1answer
33 views
Use angular ui bootstrap carousel only on mobile devices
Is there any way to apply the bootstrap carousel only conditionally for mobile devices and use it's content as static html for desktop?
I've the specification to never have duplicated html to display ...
0
votes
2answers
38 views
Angular modal: add buttons from button list
Trying to add buttons from button list for each modal.
Script:
var buttonList2 = [{displayName: 'Save', class: 'save'},
{displayName: 'Cancel', class: 'cancel'}];
Html:
...
4
votes
1answer
29 views
Does UI Bootstrap template-url support common angular expression
I have an accordion with overridden template like that:
<uib-accordion-group template-url="/somefolder/accordion-group.html">
but I really want to use a scope variable for that, e.g. ...
0
votes
1answer
32 views
AngularJS $UibModal triggering [$injector:unpr]
I'll keep this short.
I'm very new to angularjs and I'm following one of Pluralsights tutorials.
Since the release of the tutorial there are many deprecated built ins that are driving me nuts.
I'm ...
0
votes
1answer
20 views
How to use “LESS” in angularjs project using UI-ROUTER
I am using bootstrap template in my angularjs project which is served by Grunt. Everything else is working fine, but the Components of bootstrap template which are using LESS are not getting rendered ...
