Use this tag when asking questions about modals dialogs generated with the ngx-bootstrap library.
Questions tagged [ngx-bootstrap-modal]
84 questions
2
votes
0 answers
Is there a standard way to get AngularJS to detect the initial values of an UpgradeComponent when it is loaded dynamically?
Background info:
There is a fairly common problem that was previously brought up in this github issue about an injector error when using UpgradeComponents inside of dynamically loaded entry components. I feel that I understand this well enough, and…

CShark
- 1,562
- 1
- 16
- 27
2
votes
2 answers
Angular Unit Test: Access template variable
I have this code in a component template, which opens a ngx-bootstrap modal:

Pizzicato
- 1,473
- 1
- 16
- 32
2
votes
2 answers
Close ngx-bootstrap modal after unit tests
Since I've enabled the css style in the unit tests of my Angular app, every time a component which shows a modal from ngx-bootstrap, it remains in the browser even after that specific component's unit tests have finished to run.
This makes hard to…

Francesco Borzi
- 56,083
- 47
- 179
- 252
2
votes
3 answers
I am getting error while Running Angular application
I have installed ngx Bootstrap into my Angular Application to use date picker
Now I am getting error while running the Angular Application
I am putting the details of the error below
ERROR in multi…

Anurag Ranjan
- 242
- 1
- 4
- 14
2
votes
1 answer
ngx bootstrap - Nest a component within a template
We have a standard modal within our application.
Edit Modal
2
votes
1 answer
ng build --prod works local but fails on remote server after adding Modal from ngx-bootstrap
Basically the tittle: I run ng build --prod on my machine and it works fine, but when I run it on the server it fails. This started happening after I imported the Modal from ngx-bootstrap. My server is running Debian 9 and my computer is running…

Yuri Waki
- 663
- 1
- 11
- 25
2
votes
1 answer
How to pass the parameter in BootstrapDialog.show({ }) popup
I'm using BootstrapDialog to show a popup. I want to pass a parameter. I'm using data attribute. My piece of code is:
BootstrapDialog.show({
closable: false,
title: "This is my popup",
message: $('').load(url),
data:…

Ritesh Gore
- 65
- 10
2
votes
0 answers
ngx-bootstrap multiple draggable modals(not nested) on same page
i am new in ngx-bootstrap.. working with ngx-bootstrap modals..
using child modal component (@ViewChild('childModal') childModal: CommonModalComponent)
i am able to create simple modals.
the requirement is to show multiple draggable modals at…

Mukul Sharma
- 21
- 5
2
votes
1 answer
(ngx-bootstrap) Close a modal that has been created with a component programmatically
I have an Angular 5 application using ngx-bootstrap.
I create two modals using the Modal Component. I need to close the first modal after some time and then open the second modal.
I tried both of these before opening the second modal but...
...when…

Fabian Beyerlein
- 767
- 1
- 10
- 17
2
votes
1 answer
Angular DataTables.net Custom Buttons
I need to help how to open Modal Windows using DataTables.net Buttons created a button in components file.
I have an error:
ERROR TypeError: this.openModal is not a function
at u.action (czas-pracy.component.ts:64)
every time. I've a problem with…

DejwitK
- 55
- 9
1
vote
0 answers
initialState does not work anymore after update to ngx-bootrap 6.1.0
We used the initialState from ModalOptions like this:
var modalConfig: ModalOptions = {
initialState: {
companyIdInput: this.companyId
}
};
this.modalRef = this.modalService.show(AddEditCompanyModalComponent,…

Mike
- 11
- 1
1
vote
1 answer
ngx-bootstrap modal doesn't get custom classes
I'm trying to define a new width for a modal created using BsModalService.
I can't change it by giving him a custom class. Only by using given classes such as 'modal-xl'.
Why? And in which file should I set class style?
openModal() {
const…

Yuval Simhi
- 23
- 2
1
vote
0 answers
How to make the ngx-bootstrap modal go full screen
I need to create a sort of overlay to display forms that need more space in the mobile version of my webapp.
I'm trying to use ngx-bootstrap modal for that but even after using the means they offer to customize this component, I still cannot get the…

eddy
- 4,373
- 16
- 60
- 94
1
vote
0 answers
ngx-bootstrap modal custom class doesn't work
I'm using Angular 9 and ngx-bootstrap 5.6.1
in my angular ts file I have a reference to a local css file.
in that file I have some css in my .modal-content class that I want to use to override the default modal-content class provided by…

bilpor
- 3,467
- 6
- 32
- 77
1
vote
0 answers
Can I downgrade, in a lazy loaded module, the ModalService from Valor Software's ngx-bootstrap?
I have a very large hybrid Angular app; the original app is angularjs 1.6.8 while the rest is Angular 7.2.15. We are working to convert the entire app to Angular, but it is slow going. Our app also relies on angular-ui-bootstrap (2.5.0) /…

nephiw
- 1,964
- 18
- 38