4,636 questions
1
vote
2
answers
957
views
ngb timepicker override fieldset css styles
I am using ngbootstrap in my application and for time control am using ngb time picker, when i used it, it comes wrapped with fieldset by default, any suggestions on how to not show time picker with ...
- 11
0
votes
0
answers
393
views
The MDB drag and drop ui is not working for me?
The MDB drag and drop ui is not working for me? I copied and pasted the markup for the MDB drag and drop from https://mdbootstrap.com/plugins/jquery/file-upload/ into my code and this is what I got.
...
- 1,046
2
votes
5
answers
7k
views
Bootstrap not working properly in angular project [duplicate]
It's the first time I am creating an Angular project. I'm having trouble with bootstrap in my project. I installed bootstrap, jquery, popper.js, and included them in the angular.json file.
"styles": ...
0
votes
0
answers
161
views
Angular-UI-Bootstrap uib-tooltip doesn't hide when element lost focus
I use bootstrap uib-tooltip in a button it works fine but sometimes doesn't close tooltip.
Here
<button type="button" class="btn btn-outline-success btn-elevate btn-icon btn-icon-md mr-1"
...
- 210
0
votes
1
answer
2k
views
Bootstrap modal opens on background (Angular)
I have modal that I open from the table, that in the material tab
Here is Modal HTML
<div
bsModal
#createOrEditModal="bs-modal"
class="modal fade"
tabindex="-1"
role="...
- 2,787
0
votes
1
answer
583
views
How to make text inside anchor tag word wrapped ,by space?
I have applied the following CSS to a table :
td {
overflow: hidden;
white-space: pre-wrap;
text-overflow: ellipsis;
}
the table html is something like this:
<tbody>
<tr ng-...
- 891
0
votes
1
answer
1k
views
Angular Cannot find module './dropdown-basic'.ts(2307)
I tried to add a Bootstrap DropDown to my angular project. when I tried to import Bootstrap DropDown to app.module.ts file; by adding following code line,
import { NgbdDropdownBasic } from './...
- 1,372
0
votes
1
answer
2k
views
Angular - Bootstrap modal showing but not as dialog
Working on my first Angular project I am trying to implement a dialog asking for a confirmation before deleting an item. I am using ng-bootstrap and the examples in the docs as a starting point.
The ...
- 2,202
0
votes
1
answer
764
views
_background-variant.scss overrides background color
I have a angular 8 application with bootstrap.
But there is a file: _background-variant.scss in bootstrap thar overrides my background color menu. And I dont want that.
.bg-dark {
/* background-...
user13052269
0
votes
1
answer
285
views
What is valnurabilities and how can i fix them on angular
enter image description here
Hi everyone ,
I got this error code when i am trying to install bootstrap on my project with this code npm install --saved bootstrap. Could you help with simple language :...
- 51
1
vote
0
answers
244
views
Bootstrap 3 - Customize column width for a responsive table
We are using Bootstrap 3.3.5. I'm trying to set different width for different columns, but the column width is setting according to the max width of table data.
I tried setting width via css, but ...
- 303
0
votes
1
answer
348
views
How to clear uib-typeahead dropdown list in angularjs
I using uib-typeahead. I am making api call when type something in uib-typeahead.
I added cancel a icon next to my uib-typeahead text box to clear that text and dropdown values when I click on that ...
- 81
0
votes
2
answers
2k
views
How to design a table in servicenow
I am new to front end designing, I want to design a table as shown below in Servicenow Service portal:
I am trying from my side but I am not getting the correct design
<div class="panel panel-...
- 51
1
vote
4
answers
3k
views
How to build dynamic search box using Bootstrap
I am currently working in Servicenow Service portal where it support Angular
I am able to create a Search box using bootstrap as shown below:
<select class="mdb-select md-form" searchable="...
- 51
0
votes
1
answer
826
views
Angular & Bootstrap Input Group with custom element host
I have a custom Angular element - basically HTML input with validation for Number input or Date input. Usage in Angular template:
<div class="input-group">
<app-input-number
...
- 2,158
1
vote
0
answers
491
views
Angular bootstrap shows empty page
I use
https://ng-bootstrap.github.io
in my app , but when i add it to app.module it causes the webpage to display empty without any errors
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
...
- 556
1
vote
1
answer
829
views
How to add "aria-describedby attribute" to the uib-tooltip automatically
In our application(It's an angularJs), we have "uib-tooltip" in so many places, So I want it to make it a simple piece of code that can automatically add "aria-describedby" attribute to the DOM if "...
- 81
-1
votes
1
answer
270
views
UI Bootstrap/Bootstrap 3 - How do I center a container?
I'm creating a simple login page with Angularjs, and am trying to add CSS to it using UI Bootstrap. One of the dependencies that UI Bootstrap required was Bootstrap CSS, so I have that included in my ...
- 21
0
votes
1
answer
598
views
How do you bootstrap Angular 9?
My app is run in ElectronJs 8 which is the equivalent of Chrome 80 engine.
With Angular 8, I'm using AOT and my main.ts has something like this in it:
platformBrowser().bootstrapModuleFactory(...
- 14.5k
0
votes
0
answers
88
views
getting undefined data when submitting HTML form
https://pasteboard.co/IVAyRyij.png
I'm trying to send form data to PHP but I just get undefined as form data. Please help.
My HTML:
<div class="account-wall">
<img class="profile-img" ...
1
vote
0
answers
166
views
How ignore Bootstrap class with Jest and VueJS?
I try to create a unitary test for my website and I have this error:
SyntaxError: Cannot use import statement outside a module
9 |
10 | <div>
> 11 | ...
- 29
0
votes
2
answers
2k
views
DataTable in Angular How can I change the language
how to change language for DataTable from english to french in Angular
this is my Code
<table #mytable *ngIf="utilisateurs" datatable class="row-border hover">
<thead>
<tr>
...
1
vote
1
answer
710
views
Navbar item highlight
I have a question regarding navbars. I want to highlight a navbar item when I clicked an item but I don't know if I need to use angular or css for that. Can you guide me a little bit, please?
<...
- 522
0
votes
0
answers
133
views
Header section css for responsive web design to ipad,desktop,phone
Tried to find the solution for RWD to header section using boostrap but not working for ipad and phone.I want to show logo and menu and nav cart for responsive.How to achive to get the solution.
&...
- 213
0
votes
1
answer
733
views
Error: Can't resolve 'angular-ui-bootstrap' with webpack-4
Angular-ui-bootstap import issue in angularJS code using ECMA 6 and webpack-4
**Below is my angular.js & angular-ui-bootstrap versions **
"angular": "1.5.3",
"angular-ui-bootstrap": "^0.12.1"...
0
votes
1
answer
1k
views
How to center ngb-timepicker in a col-nn
I have a time picker component in Angular 8, with bootstrap 4. I'm trying to center a ngb-timepicker in a col-12 inside this component.
<div class="row pickerContainer">
<div class="col-...
- 6,932
0
votes
1
answer
3k
views
Create fixed sidebar and fixed menu bar with css/html with "browser chosen width/height"
I want to create a fixed sidebar and fixed menu bar and a content page like this example with bootstrap:
For the menu bar, I use the following css (which works)
.fixed-top {
position: fixed;
top: ...
- 302
0
votes
2
answers
3k
views
How to change the offset size in bootstrap 4 grids?
I'm using bootstrap 4 in my Angular 8 application. In my main page I have two components of size md-5 and md-6 and I want to separate them using offset-md-1. But the offset size is big and I don't ...
0
votes
1
answer
133
views
ui bootstrap modal not closing on clicking on backdrop
I'm working on upgrading ruby/rails and angularjs app from 1.5 to 1.6.10 (I know its too old and we should go to latest angular, but can't right now), the issue I'm having is,
with angularjs 1.5, we'...
- 3,178
1
vote
2
answers
11k
views
Angular bootstrap ngb-tabset add button to the rightside to align with tabs
I am using ngb tabset for tabs in my angular application. Here is the code i am using.
<ngb-tabset activeId="delegate-status" #tabs="ngbTabset" [activeId]="activeTab">
<ngb-tab title="...
- 6,602
0
votes
1
answer
6k
views
How to open bootstrap modalbox by clicking on the card image in angularjs project
I am writing code for my angularjs project where in one part of UI has cards. So I want to open a modal box by clicking on the card image.
Currently I have created a button below the image and ...
0
votes
1
answer
32
views
I need to create a web page and create a checkbox named important or no
I need to create a web page and create a checkbox named important or not when user will click on important then data should be stored in the database accordingly. The project which I have to extend ( ...
0
votes
1
answer
244
views
AngularJS UI-Bootstrap Modal Dialog gets covered by main.html
How can I use bootstrap modal dialogs with AngularJS using ui-bootstrap with angular-ui-router? I am new to AngularJS and tried searching the documentation without luck.
I have used this code but the ...
- 53
0
votes
1
answer
564
views
$uibModal dismiss issue .then is not a function
I was migrating from angular 1.6.9 to angular 1.7.9, and when I finished all and check that the functionalities were still working, I've found an issue invoking a function that should be called when I ...
- 773
3
votes
2
answers
264
views
How to hide the uib-popover when clicking outside
My uib-popover is not hiding on outsideClick.
<button
tooltip-placement="bottom"
tooltip="{{'common.addRemoveColumn'| translate}}"
class="btn btn-default pull-right"
uib-...
- 6,813
-1
votes
2
answers
88
views
Sizing issue in bootstrap cards
Issue:
My layout as follows when the text comes with 1 line it will go up and I need to fix in the same position. How do we do it?
- 45
0
votes
1
answer
453
views
Closing uibModal automatically after array length equals zero
Our team is developing an attachment widget in ServiceNow. The widget allows a user to attach documents, view them, and delete them as necessary. In order to view the attachments, we're leveraging ...
- 1,277
0
votes
0
answers
339
views
How do you kick off a js function on expansion of an aria-expanded div in AngularJS?
I have an accordion that I have implemented using aria-expanded in my AngularJS app. It looks as follows:
<div aria-controls="something_{{$id}}" aria-expanded="false"
ng-click="vm.myFunction(...
- 1,213
0
votes
1
answer
113
views
How to fix the cardheader view in mobile view
I am creating an angular application in which i have an detail page with a cardheader which consist of two buttons namely back and edit and both sides and a text in between.
I have used bootstap and ...
- 3,627
-1
votes
1
answer
755
views
Material Design for Bootstrap Angular Stepper not working [closed]
Expected behavior
Hi i was thinking of working with material for bootstrap and wanted to test it out first so i created a stackblitz and tried to use the Angular stepper. but unfortuntely it doesnt ...
- 2,306
0
votes
1
answer
653
views
How to get recursive Tree view working AngularJs
Working on this AngularJs(1.4) code snippet and need help to get recursive tree view to work as desired.
It currently has 4 levels, and what is needed is:
When I open a folder, it should close all ...
- 674
0
votes
1
answer
322
views
AngularJs UI Bootstrap dropdown position is miscalculated while adding ngif for dropdown-menu
AngularJs UI Bootstrap is miscalculating position of dropdown while adding ng-if condition for ui element holding 'dropdown-menu' class.
AngularJs UI Bootstrap version - 0.3.13
AngularJs version - 1....
- 426
0
votes
1
answer
150
views
confused by adaptation of AngularJs component-based modal to TypeScript [duplicate]
When you create a AngularJS component in Javascript, and display as a modal using ui-bootstrap, you pass a binding that the modal instance can use to dismiss or close itself, like this:
app.component(...
- 3,813
0
votes
2
answers
7k
views
How to show shopping cart icon always right side in menu using boostrap
I tried to show shopping cart icon always in right side for mobile,tab,desktop using boostrap but it is not working for responsive.How can i show shopping cart icon always right side.
<div ...
- 213
0
votes
1
answer
735
views
TypeScript AngularJS component modal - this.$modalInstance.dismiss is not a function?
I've turned one of my user data entry forms into a uib-modal, but I get when I attempt to close the modal from the "cancel"button, I get this error: this.$modalInstance.dismiss is not a function. . ...
- 3,813
1
vote
3
answers
222
views
How to integrate Bootstrap into an angular CLI project
I'm relatively new to integrating bootstrap into angular and I started by running the
npm i --save bootstrap@3 command which downloaded the required files into the node_modules folder of my angular ...
- 115
-2
votes
1
answer
81
views
Error installing bootstrap and jquery in angular 6
I am new to angular and i tried to install bootstrap and jquery. I was about to add them on the styles in angular.json when i noticed they were missing. The computer says it successfully installed ...
2
votes
1
answer
96
views
How to prevent uib-carousel from clipping uib-popover?
I've got a little widget with a popover, and the same widgets inserted into a carousel.
For some reason, while the popover ignores its container boundaries inside a div, it is clipped when inside the ...
- 3,813
1
vote
1
answer
865
views
How to execute a function before modal closes?
so basically I have a modal that houses a sign up form (reactive angular form).
I have set it so that when the registration process is complete and the button is clicked, the details of the person are ...
- 115
0
votes
1
answer
457
views
Make Select box has a form input that can filter and search through my options with AngularJS and Bootstrap
I'm trying to turn a current select box (which currently have a lot of options) to a searchable select box, with a input inside it to make search and filtering easier.
The select box is a directive, ...
- 197