All Questions
Tagged with angular7 bootstrap-4
67
questions
0
votes
1
answer
210
views
Boostrap 4 Navbar Dropdown in Angular not working on small devices
I added a collapsed navbar to my Angular 7 project, but when I push the button, it is not showing the menu items. I have tried changing the style. Adding other components and add the navbar to the ...
3
votes
1
answer
4k
views
Bootstrap modal-dialog resize with Maximize/Minimize icons in Angular 7
I am using Bootstrap Model-dialog popup to display my content in my Angular 7 application. using this in multiple places, I am changing the width and height of popup against the content loaded.
Now I ...
1
vote
2
answers
222
views
Bootstrap tooltip placement and trigger options applied to fort-awesome icon not working in Angular 7 template
Here's my html template:
<div>
<form>
<div class='row'>
<div class='form-group col-md-6'>
<label for='idCellNumber'>Cell number <fa-icon icon='...
0
votes
1
answer
92
views
bootstrap 4 layout in angular 7
I'm trying to create a template with bootstrap grid system like the image below from medium screen sizes but unable to do so. Below is my code:
HTML:
<div class="container-fluid" style="text-...
2
votes
1
answer
4k
views
How to trigger bootstrap modal popup after page loads in Angular 7
I'm trying to implement a functionality where a modal loads after about 15 seconds when the user visits the landing page and and staying on the landing page for more than 15 seconds. But nothing is ...
0
votes
0
answers
675
views
How to get color for column value based on value using ngx-datatable bootstrap-4
I want to get value with color for column based on value. I'm using bootstrap 4 ngx-datatable. I'm posting an image below, could you please let me know the solution for this
typeScript :
...
0
votes
1
answer
241
views
Unable to build solution showing "There is no directive with "exportAs" set to "bs-modal" ("<router-outlet></router-outlet>"
I'm using angular 7 bootstrap 4. I need to show session time out with model pop up.
Did I write everything fine while running I'm getting below error?
My app-component.html
<router-outlet>&...
0
votes
1
answer
322
views
How to call user defined function on click in modal (bootstrap 4) in angular 7
I am doing function call using bootstrap 4 modal in angular 7, when i trying to call function from template to ts not performing anything. In modal function call not working on click without using ...
6
votes
4
answers
6k
views
ngb modal scroll to top of page
I'm using ngb modal in my Angular 7 application,
and while the modal is opened I need to scroll to the top of the modal when I do a specific action.
For example, there is a button in the bottom of ...
0
votes
1
answer
2k
views
How to split a html table into two parts?
I want to show the data in a table format into two parts (left & Right). for example i a have a data of 20 rows. i need to display the first 10 rows into left side with header. remaining 10 rows ...
0
votes
0
answers
33
views
why does bootstrap 4 dropdown and toggle button not work even after installing and importing dependencies?
This is what i have tried!
https://navbarex.stackblitz.io
i have installed bootstrap, jquery and popper.js
and i have imported that in angular.json file
"styles": [
"src/styles.css",
...
0
votes
0
answers
27
views
created a bootstrap nav bar angular app but when it comes to mobile responsive it is not closing default on click
here i have home.html
home.html
<nav class="navbar navbar-default navbar-fixed-top bg-light" id="mob-res">
<div class="container-fluid">
<div class="navbar-header">
&...
0
votes
2
answers
589
views
Toggle does not show data as intended when clicked
I've been trying to display a list of data from the server using a toggle.
During the first load, the data will only be displayed according to the checkbox filter (disabled 'Show All'). This one ...
0
votes
2
answers
395
views
How to refresh data in other components (Angular 7, router.navigate) when navigating from one to another?
I am new to front-end dev, application is in Angular 7
My homepage contains list of items, clicking on each item will redirect to another page. While navigating I want the title bar (third component)...
-1
votes
1
answer
121
views
How to disable dropdown while selecting 1st or 2nd dropdown vice verse
I have 2 dropdowns.
I'm populating those with product code(1st dropdown) and product name(2nd dropdown).I need to disable dropdown based on selection. suppose I selected 1st dropdown then disable ...