new

Stack Overflow for Teams

A private, secure home for your team's questions and answers.

Learn more

  7. current community

    your communities

    more stack exchange communities

    company blog

Tagged Questions

0
votes
2answers
43 views

Show modal window after Http.get()

I'm calling a function to get a response from Http.get() request. My data retrieve function is this one: getCharacterDetail(characterId: number) { return this.http.get(this.characterDetailApiUrl ...
0
votes
1answer
38 views

How to properly set selected <li> using Angular-UI Dropdown

I have a dropdown control, implemented as follows: <div uib-dropdown="dropdown" class="btn-group"> <button uib-dropdown-toggle="" class="btn btn-default">Open With <b class="caret"...
0
votes
0answers
25 views

Angular Pagination using UI Bootstrap

My pagination links are not clickable, even worse the links display in text instead of bootstrap buttons ... - ANGULA JS CODE : ... ... .controller('HomeCtrl',['$scope','myresource','$route','$...
0
votes
0answers
25 views

Angular js multiple table row indexes selection

I have a table with 8 columns and when i click on row 3 for example I want to have possibility to select all indexes of columns on that row and make them green, and then sum their values and calculate ...
1
vote
1answer
27 views

How does the html table tag does not working inside the ng-template(Angularjs)?

I have tried the following using ui.bootstrap.modal). Here is the code that I am using for the bootstrap.modal: In the HTML file: <script type="text/ng-template" id="myModalContent.html"> ...
0
votes
0answers
115 views

How to create table with fixed header in bootstrap?

Hi any ideas how can i have scrollable table with fixed header in bootstrap? I want just table body to be scrollable. Here is my table. <div class="form-inline" id="overnightsDays"> <...
0
votes
0answers
21 views

Creating a dropdown for choosing media file in TinyMCE [duplicate]

I am integrating TinyMCE editor in my content management system and want to have a feature to choose a video/audio by selecting media file from a dropdown instead of typing the path in Source field. [...
0
votes
1answer
65 views

uib-tooltip is not showing completely when it has no place to display?

Demo here. The tooltip is not showing completely,because I think there is no place for it to show,But is there any other way we can make it happen?I cannot change the position to relative and the ...
0
votes
1answer
29 views

Set two buttons in the same column with space using angular JS Boostrap

In my website I am trying to create two buttons in same column. I want set some space between these two buttons. I am very new in this programing language. I tried all the way I have seen from web. I ...
0
votes
1answer
27 views

Selected city change on every page refresh and need to set again

User from front page ,select the city from below list and as per search product are displayed. But after the every product displayed , page reload and City selected get changed to First city and ...
0
votes
0answers
120 views

How to add time picker in datepicker html javascript?

I am implementing datepicker but I want to add time picker also. Now I am selecting date and time separately. but I want to select date and time in sequence after one click. I want to implement ...
0
votes
1answer
31 views

how to add a button in a table so that it will let me add new row and columns?

<head> <!-- Here is my code --> <h1>this form is to reserve halls</h1> <form class="form-horizontal"> <table class="form-group table ...
1
vote
1answer
782 views

TypeError: Cannot read property 'indexOf' of undefined for $scope.search angular bootstrap

I am trying to write a function which filters rows based on couple of properties. When I run the code, the list is not getting displayed and there's an error stating "TypeError: Cannot read property '...
0
votes
0answers
42 views

Using html code in uib-typeahead

Is there anyway that can allow me to use html code inside uib-typahead? For now, my uib-typeahead displaying the html tag on the data when the mouse hover on it.
3
votes
3answers
168 views

table layout adjustment for accordian

I am trying to display accordian in table layout. But, after expanding their formation is getting disturbed. Here I am trying to check the table layout for accordion here. <div ng-controller="...
-1
votes
1answer
36 views

Highlight a new feature added to angularjs single page application for first time login

Our application is Angularjs single page application, we developed a new feature and we are going live on new feature(service customer can use), so we want to notify the logged in user to that this ...
0
votes
1answer
33 views

how to block attribute of parent from child element

i have a div with attribute data-toggle=collapse. This div contains child element (a tag - a link) and i want that the a elemnt will not refer to the data-toogle attribute. <div data-toggle="...
0
votes
0answers
253 views

Displaying nested tabs with AngularJS ng-repeat

I'm trying to make a parent form that contains several ng-forms forms with ng-repeat, but I'm dealing with these problems: 1) data-ng-repeat (or ng-repeat) disables several features in my app.js, of ...
0
votes
1answer
297 views

crop doesn't work inside bootstrap modal

i'm using ngimgcrop to crop images and it works fine in but I tried to display the images inside uibmodal it doesn't work. I tried some solutions(use ng-init ..)but None worked for me. and in the ...
0
votes
0answers
715 views

Angularjs multiple/nested dropdown menu/submenu

I'm trying to make a multiple or a nested dropdown like this: <div class="collapse navbar-collapse" id="myNavbar"> <ul class="nav navbar-nav navbar-right"> ...
0
votes
1answer
187 views

Set dynamic value for parent in state in angular js

I am trying open uibmodal in angular but the parent state must change as per request of previous state. My code of state.js - (function() { 'use strict'; angular .module('myApp') ...
0
votes
0answers
117 views

progress bar using Negative values which progresses from right to left?

I have a requirement about dynamic progress bar . In my application i'm trying to increase the progression of a bar with positive values now if user enters negative value it should start from zero to ...
0
votes
1answer
1k views

TextArea required not working in bootstrap modal

I have a small issue with a required field in a body of a bootstrap modal, ideally i want to validate the field before submitting but for some reason required is working , Can you please have a look ...
-1
votes
2answers
309 views

How to get bootstrap first column second row content to align with second column bottom line?

Here's what I want: +-row3----------++-row9----------+ | | | | | | | | | |Image +----------------+ | +-row3----------+ | | ...
0
votes
0answers
30 views

Boostrap on tab click keep the first tab contents constant and show some extra fields

I have started learning bootstrap to use it in my project . I have ran into a situation where . I would like to keep the contents of first default tab always available(the tab is always fixed). When ...
0
votes
0answers
110 views

to set checked values uncheck

I have a dropdown:- <select class="select" id="select" multiple="multiple" ng-model="a.NA"> <option value="1">1</option> <optgroup label="group"> <option value="2">...
0
votes
1answer
558 views

Bootstrap tooltip with input type range

I am trying to use bootstrap tooltip with a range input. I can see the value getting updated but the tooltip as such is not visible on the screen. This makes me wonder if tooltip is compatible with ...
1
vote
2answers
289 views

Overlapping in Bootstrap Div Structure

I am following the 12 column rule, the following code is for right panel section having width of 8 column.remaining is 4 column panel on left side. It shows well on more than 1300 pixels resolution, ...
0
votes
1answer
315 views

Using ng-repeat, filter, and uib-popup-datepicker to filter table column results

I have a common scenario for an angular application I am working and have not been able to solve this pattern. I've searched thoroughly for an answer to this scenario, but all like questions do not ...
2
votes
3answers
136 views

css color condition in html based on database

I used here bootstrap. I want to red mark those row which Activity contains "N" .In my database Activity field has two characters. they are Y & N. I also used here jquery data table.What can i do? ...
1
vote
1answer
159 views

NG-Required not working on search input fields

I have a text box that is a search box (input type ="search") that I want to use the ng-required directive on it as needed. The issue is if I set ng-required = true there is no red box around my ...
1
vote
4answers
625 views

Bootstrap input Group

I have a checkbox with a label in a input-group. And when I have a long text in the label it looks like What can I do, that the input-group will resize, that the text will fit into it? This is my ...
3
votes
1answer
75 views

Parent div CSS classes are not getting added to child div

I have a working dropdown with proper CSS classes and it works as expected. In another html page I have copied the same div structures including the CSS classes but it doesn't work. I am using Chrome ...
-2
votes
3answers
265 views

HTML-Bootstrap: How to make collapsible text appear under its own button

I am using bootstrap to use collapsible text. I am using two button for collapsing and their corresponding collapsible text. The problem is the text is appearing at the end of the buttons instead of ...
1
vote
1answer
178 views

HTML pre tag printing extra line if bootstrap is used

I am having difficulty when printing pre tag where the number of records printing is more than 53 using bootstrap and I always get empty page in print preview. However, if the record is less than 52, ...
0
votes
3answers
303 views

Angular boostrap datetimepicker can't disable past dates

I'm trying to disable al lthe past dates from an angular boostrap datetimepicker. I found that in order to do that I should use date-disabled but honestly, I don't understand it and it doesn't work ...
0
votes
1answer
809 views

I have to create Sidebar using angular and bootstrap but it is not working , kindly check what i am doing wrong here

enter link description hereI want to implement something like this: Using bootstrap and angular where the sidebar should hide/show and the page content should be adjust to full screen when sidebar ...
1
vote
1answer
173 views

Bootstrap Navbar not collapsing using ng-Router

My angular project is complete and working fine. Problem I am having is that after implementing ng-route for navigation my bootstrap navbar will open but will not collapse. I checked for similar ...
0
votes
1answer
256 views

Unable to align the text with toggle button

<!DOCTYPE html> <html> <head> <style> .switch { position: relative; display: inline-block; width: 60px; height: 34px; } .switch input {display:none;} ....
0
votes
0answers
65 views

bootstrap form validation for custom field

I have a custom input field in my html <form role="form" class="container"> <div class="form-group"> <label for="slNotificationType" class="control-label">Notification Type</...
0
votes
1answer
271 views

angularjs popup is not working with routing template and controller

I want to create popup to display some information.I am using routing.My code is running good when I run the code without routing.But when I run the code with routing template and controller there is ...
0
votes
1answer
88 views

Invoke Angularjs controller method from Angularjs view which related to another Angularjs controller

I am new to Angularjs, I have created simple web application that takes the details from user and display the details in the view. I am facing problem while invoking a method of one controller from ...
0
votes
2answers
231 views

StartDate EndDate validation with Angularjs and Bootstrape datepicker

This is My HTML <form name="myForm"> <div class="row"> <div class="col-md-2"> <input data-ng-model="Data.StartDate" type="text" id="startDate" ...
0
votes
0answers
51 views

How can input and appear in the text input automatically like according to alphabetical sort

How can input and appear automatically in the text which is matching on some sorts on history drop down list, which means autocomplete during input, I used class="dropdown-menu", it can just appear ...
0
votes
1answer
1k views

UI-Bootstrap date picker, icon and label not aligning properly

I am using the Angular ui-bootstrap directives and having some trouble getting the alignment right when I try to add a label. It seems no matter where I place the label in the HTML (like above or ...
0
votes
1answer
952 views

How do you scale the carousel container size in Angular-UI-Bootstrap

Right now the carousel container falls outside the image. I want the carousel container to have the same width as the image as shown in the example on https://angular-ui.github.io/bootstrap/. Here ...
1
vote
1answer
1k views

Change Image Angular-UI Carousel

I have created an Angular-UI Carousel as given in https://angular-ui.github.io/bootstrap/#/carousel But the thing is I want to change the image to the images I have locally available in my system. ...
1
vote
1answer
638 views

How to use ui-bootstrap datepicker with input type date?

I want to use ui-bootstrap with input type="date".I get both the popups.I want to suppress the html popup. <input type="date" class="form-control" uib-datepicker-popup="{{format}}" ng-model="dt"...
-1
votes
1answer
47 views

Creating difficult UI options in HMTL5

sample image How to implement the provided design using Bootstrap. Please suggest. :)
0
votes
1answer
298 views

How to enable particular dates using angularJS datepicker directive?

I want to create a Datepicker directive in Angular JS where I want to enable only a few particular dates for the user. For Example: I have a set of numbers 1,3,5,7 so I want to enable these ...

1 2