Stack Overflow
Stack Overflow

Questions tagged [ng-bootstrap-modal]

This tag is used when you decide to use the ng-Bootstrap-Modal instead of the regular Bootstrap Modal for Angular projects. More info: https://ng-bootstrap.github.io/#/components/modal/examples

Ng-Bootstrap Modals are a kind of Bootstrap Modals powered by Ng-Bootstrap for Angular.

More info:

https://ng-bootstrap.github.io/#/components/modal/examples

30 questions
0
votes
1 answer

How to remove the shadow of the draggable item in Angular

How can I eliminate the shadow that appears beneath the backdrop when dragging an item within the Bootstrap modal dialog? As depicted in the accompanying picture, I am attempting to drag the "Personal Details" button..
AR Second
  • 582
  • 1
  • 6
  • 25
0
votes
0 answers

Error in JitCompiler when using ng-bootstrap with angular 13

I'm updating angular to a newer version. I now have Angular 13 with bootstrap 5 and am using "@ng-bootstrap" version 12. However since I upgraded ng-bootstrap I get the following error. compiler.mjs:5700 Uncaught TypeError: Cannot read properties of…
Jan
  • 9,858
  • 7
  • 26
  • 33
0
votes
2 answers

Carousel slide-ngb-slide-1 is not showing properly in ng-bootstrap

I need some help in showing the slide properly, current bar is not shown as it should I copied the example from here Appreaciate any help here is the website to see it real import { Component, OnInit } from '@angular/core'; import {…
Ahmad Merghany
  • 21
  • 1
  • 4
0
votes
2 answers

Modal not opened properly programmatically in angular

I'm using ng-bootstrap modal import { NgbModal, ModalDismissReasons } from "@ng-bootstrap/ng-bootstrap"; On button click it is opened properly
user3653474
  • 3,393
  • 6
  • 49
  • 135
0
votes
0 answers

How to do I pass unique identifier from button to Modal in Handlebars?

I'm creating a Accounting Web System using Nodejs and Express with Handlebars (.hbs), while using Bootstrap as my main Frontend toolkit. I have a dynamic table with each row consisting of information and three buttons. With delete button…
Marlon Miller
  • 13
  • 2
0
votes
1 answer

Angular NgBootstrap Modal How to listen to backdrop click

My use case would be, when I open the modal, a form will appear, while the user fill up the form, the user suddenly click on the backdrop, so the default behavior would be, the modal would be closed. However, I want to listen on that event because I…
alvinydev
  • 300
  • 2
  • 9
0
votes
0 answers

How to open a ng-bootstrap modal from the left or right side?

I want to make ng-bootstrap modal to take full window height and open it from left or right side as like sidebar? It mean it should be left or right aligned. How can I achieve that?
Ulrich2006
  • 1
0
votes
2 answers

Close active modal

I have opened multiple modals in my angular project. I have made a modal component as wrapper for the content. Now I want to close the active modal instead of closing all modals. So the dismissAll need to be replaced. I have in mind to use…
user3412673
  • 77
  • 1
  • 3
  • 10
0
votes
2 answers

How do I create different modals for different users in Angular?

I am trying to create an application in which I have multiple user's data. I have to create 6 modals for each user from where they can access their data. Suppose User 1 has 6 modals named - A B C D E F , then on click of A, login modal should…
user11319956
0
votes
2 answers

ComponentInstace undefined on NgbModal

I'm breaking my head since yesterday night thinking why this code is not working onOutletFeedback(content) { const modalRef = this.modalService.open(content, { scrollable: false, size: 'md' }); …
Karthik Saxena
  • 768
  • 3
  • 9
  • 25
0
votes
2 answers

Angular 9 ng-bootstrap 6.1 Modal component open method not working

I've written an Angular 9 modal dialog component that I am migrating from bootstrap to ng-bootstrap 6.1. Here's the template:
CAK2
  • 1,892
  • 1
  • 15
  • 17
0
votes
1 answer

Why the dynamically generated inputs return NaN?

I've created a modal that returns all number input elements to generate in HTML, but when i insert a number inside, if i write the array (example: {{ ng_model_m[i] }}) inside ngFor, it will return the value, but if i write the ngModel (example:…
TannicArturo98
  • 9
  • 3
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
-1
votes
1 answer

How to adjust the width of the NgbModal

I am trying to adjust the width of the NgbModal to 80vw but it is not showing. Am I missing something or? I even went through the docs but is doesn't show how to add custom sizing. Here's my piece of code below: .modal-content { width: 80vw; }
Khumo Mogorosi
  • 301
  • 2
  • 7
-2
votes
1 answer

Migrate to Ng Bootstrap

I'm using angular 8, with bootstrap "bootstrap": "^4.3.1", I want to migrate my application to ng-bootstrap, to avoid jquery Any idea please
KatShark
  • 1
1
2