Questions tagged [ngx-bootstrap]

If you have any questions or need assistance with ngx-bootstrap, feel free to utilize this tag. Created by Valor Software, ngx-bootstrap is an amazing open-source project (MIT Licensed) that offers a seamless solution for effortlessly incorporating Bootstrap 4 and 5 designs into Angular. Please note that Components tailored specifically for Angular are now available as Bootstrap 3 has been deprecated.

Utilizing ngx-bootstrap Modal for Data Transfer to Component

I am currently dealing with an array called drivers in my component. When a button is clicked in the component, it triggers a ngx-bootstrap modal to display the fullname value from the drivers array. Now, I am looking for a way to retrieve the selected nam ...

Ways to return bsDateRangePicker to its default value

I'm currently working on creating reactive forms using Angular 9 and integrating ngx-bootstrap. One issue I am facing is with the daterangepicker functionality. Whenever I utilize the form.reset() function, it clears the input field entirely instead of jus ...

Methods to close the currently active ngx-modal when a new modal is triggered within the same Angular 8 component

I am currently working on developing a versatile modal component that has the ability to be called from within the same modal itself. Is there any way to configure the component and modal in such a manner that when the reusable component is triggered, it ...

Adding ngx-bootstrap with the ng add command

Currently working with angular 8 and attempting to add ngx bootstrap using the command ng add ngx-bootstrap. However, upon running the command, the following error message appears in the console output: Added "bootstrap Added "ngx-bootstrap ...

Encountered issues with the BsModalService in displaying the modal functionality

I am encountering an issue while attempting to display a modal using a service. When I call the service from a button, everything works fine. However, I encounter an error when calling it from an error handler. TypeError: Cannot read property 'attachView' ...

Displaying the ngx-bootstrap popover in a different position

Trying to change the position of my popover to a different location. Is it possible to position the popover differently using ng-template? <ng-template #popmeover> <button type="button" (click)='pop.hide()' class="close" aria-lab ...

Struggling with aligning mat-icon in the center using HTML and CSS?

My issue is that the mat-icon in my generated columns is not center aligned. What could be causing this? When using ngFor to generate my datatable columns dynamically, none of them align correctly. The mat-icon inside my DIV defaults to left alignment. ...

Is it feasible to add to an ID using ngx-bootstrap's dropdown feature?

In the documentation for ngx dropdown, there is a feature called "append to body." I recently tried changing this to append to a table element instead and it worked successfully. Now, on another page, I have two tables displayed. If I were to assign each ...

Tips for getting a 'yes' or 'no' response with ngx-bootstrap modal

I have been utilizing ngx-bootstrap modal for my project, but I am considering implementing a custom confirm dialog with the following structure: confirmDialog(message: string, note: string, onOk, onCancel) { // Open modal // Perform certain actions ...

Which release of "ngx-bootstrap" is compatible with "Angular 17"?

Here's the scoop I attempted to download ngx-bootstarp but couldn't find a suitable version. I searched online, but there was no information available. Checking the list on the Angular Bootstrap official website, I noticed that version 17.0.0 had not been ...

Utilizing and transmitting contextual information to the tooltip component in ngx-bootstrap

I am currently working on integrating tooltips in ngx-bootstrap and trying to figure out how to pass data to the ng-template within the tooltip. The documentation mentions using [tooltipContext], but it doesn't seem to be functioning as expected. Belo ...

Get rid of the Modal simply by clicking on the X mark

Objective: The modal should only be closed by clicking the X mark and not by clicking outside of it. Challenge: I am unsure how to resolve this issue when using the syntax code [config]="{backdrop: 'static'}" Additional Information: I am new to Angular ...

How to display a festive greeting on the specific holiday date using the ngx-bootstrap datepicker

Currently, I have implemented the ngx-bootstrap datepicker for managing appointment schedules. I have disabled weekend days and holiday dates, but now there is a requirement to display a tooltip with a holiday message when hovering over a holiday date. htt ...

How to eliminate arrows in ngx-bootstrap datepicker?

I recently started working with Angular and Bootstrap and I'm facing an issue. I am using a ngx bootstrap datepicker, but I would like to remove the standard arrows on the buttons of the datepicker calendar. Here is a screenshot of the problem: https://i. ...