Stack Overflow
Stack Overflow

Questions tagged [ngx-bootstrap-modal]

Use this tag when asking questions about modals dialogs generated with the ngx-bootstrap library.

84 questions
0
votes
1 answer

on Angular 10, When i have Modal over Modal, BsModalRef hide method hides both popups and leave dark background make App unusable

I have 2 ng-Template and first modal is opening the other one. When I hide the top modal it hides the below one also and only leaves black background and app is unusable, i have to manually refresh the browser. This was working fine before we…
Anil Arora
  • 11
  • 4
0
votes
1 answer

How to resize bootstrap modal for small devices (for landscape and portrait orientations)

I am using angular application created the dashboard page for mobile divices I have written the following for forcible orientation from portrait to landscape for this I have used bootstrap modal .component.html
Haritha
  • 77
  • 2
  • 10
0
votes
1 answer

Way to add or apply multiple classes for ngx-bootstrap modal

I want to show an ngx-bootstrap modal centered and in a large format. There is two classes for this: modal-dialog-centered and modal-lg but I don't see any way to apply these classes at the same time. When looking to the ngx-bootstrap source code…
HDJEMAI
  • 9,436
  • 46
  • 67
  • 93
0
votes
1 answer

Angular ngx bootstrap modal delayed open

I'm trying to create a progressbar dialog with ngx bootstrap using its modals. I currently have the following: generateDownload(distance: DistanceSplit) { this.dialogWait = this.dialogs.wait('Wait'); list.forEach((distance, index) => { …
Lars
  • 920
  • 1
  • 14
  • 34
0
votes
1 answer

ngx-bootstrap template modal with template driven form, submit issue

i have template ref modal with template driven form inside it. when i submit the form, all form value gets printed on url http://localhost:4200/admin/users?userName=test&userEmail=test@test.com&userPassword=147258369 below is my html code for…
conrad
  • 51
  • 8
0
votes
1 answer

Modify src attribute inside modal with Angular

I have spent days trying to modify the src attr with no luck. Any help will be greatly appreciated. This is the HTML
0
votes
2 answers

Conver Timepicker time to utc using Timepicker (ng-bootstrap)

I am using https://valor-software.com/ngx-bootstrap/#/timepicker in my angular project. I have one task o covert that time to UTC before I request to server. When I select Time from timepicker value coming is as below. Now, I have created one…
Shailee Shah
  • 56
  • 6
0
votes
1 answer

Correct way for passing a specific instance of a service to a modal using ngx-bootstrap

I'm trying to pass a specific instance of a Service down to components that are inside of an ngx-bootstrap modal. However since the modal isn't a child of the component that is launching the modal it's unable to resolve the Service dependency if I…
Asguard
  • 91
  • 8
0
votes
0 answers

How to make Angular tests wait for previous async operation to complete before executing

In my Angular application test suite I have a test case doing the following: it('test case with async operation', async(() => { // open modal // do some stuff fixture.whenStable().then(() => { // do some async stuff and close the modal …
Francesco Borzi
  • 56,083
  • 47
  • 179
  • 252
0
votes
1 answer

Get the event from event emitter of ngx bootstrap modal service

Trying to get the event from ngx-bootstrap so I can prevent it from closing in certain cases The documentation providing a reason but not an event, I assume I need the event to stop it? there is an example of static modal which has the event, I need…
et3rnal
  • 322
  • 4
  • 17
0
votes
1 answer

Custom Datepicker in Ngx-bootstrap modal popup

I want to customize the ngx-bootstrap datepicker popup and want to add button in the calendar which has some link. I have tried adding buttons in datepicker template. It is working in other pages but am not able see added custom content in the…
Techie_T
  • 415
  • 3
  • 14
0
votes
0 answers

There is no directive with "exportAs" set to "bs-modal" ("

Tried every thing like removing ModalModule from App.module and others thing but getting same error ERROR in : There is no directive with "exportAs" set to "bs-modal" ("
]#lgModal="bs-modal" class="modal fade"…
Mubeen
  • 351
  • 1
  • 2
  • 15
0
votes
1 answer

The selector "app-subscription" did not match any elements

I have to create a modal for one of my website. I have implemented ngx-bootstrap modal for that. I have defined the component in my bootstrap. It is running perfectly but when I'm viewing the console it is showing error message as The selector…
daemon
  • 113
  • 3
  • 14
0
votes
2 answers

ngx-bootstrap - Can't resolve all parameters for BsModalService in unit tests

I am using ngx-bootstrap's (3.0.1) ModalService to show a modal dialog containing a component this.modalRef = this.modalService.show(MyDialogComponent); and I have this in my unit test (run by jest) beforeEach(async(() => { …
user776686
  • 7,933
  • 14
  • 71
  • 124
0
votes
1 answer

Could not use ngx-bootstrap-modal with angular universal

When I try to use ngx-bootstrap modal with angular universal I am getting this error Has anyone fixed or came across this error ? I am currently using angular version 6.1.3
Harish Krishnan
  • 1,693
  • 4
  • 17
  • 25
1 2 3 4
5
6