965 questions
0
votes
0
answers
73
views
ngx-bootstrap bs-daterangepicker-inline jumps back to the first month when selecting across months
I'm using the ngx-bootstrap component in Angular with displayMonths: 2 for desktop and displayMonths: 1 for mobile.
The issue:
I select a date range across two months (e.g., December 28 → January 3).
...
- 53
0
votes
2
answers
77
views
Datepicker: 'readonly' attribute doesn't work with bsDatepicker
The link below provides the issue's specifics and an example.
This problem has been there since ngxbootstrap version 12.
Date picker Example
I tried marking it as readonly using property binding and a ...
0
votes
0
answers
28
views
Rxjs subject /behaviour subject emits thrice same value
I m fetching data from api and storing it in rxjs behaviour subject and dataloaded is set/emit to true. On click of button modal opens only once but when I used with tabset ngx-bootstrap modal is ...
- 193
0
votes
1
answer
66
views
ngx-bootstrap modal onhide callback never executes
somewhat of an Angular newbie here -- so please be gentle. I am using Angular 16 and the Angular Bootstrap library. I'd like to create a modal to manage users for the application -- I get the user ...
- 124
2
votes
1
answer
711
views
ngx-bootstrap doesn't support moduleless approach
I just tried installing ngx-bootstrap into an Angular 19 project which has standalone components by default:
E:\Code\angular-app>ng add ngx-bootstrap
✔ Determining Package Manager
› Using package ...
- 906
0
votes
1
answer
69
views
Angular - ngx-datepicker validation not working as expected
In Angular-15 application, I am using ngx-datepicker of ngx-bootstrap
Currently I have this:
StartDate and EndDate it enables the current date back to the last one year, then the rest disabled
...
- 1,613
2
votes
1
answer
423
views
Dependency Conflict with ngx-bootstrap and @formio/angular After Upgrading to Angular 16
I am working on an Angular project that I recently upgraded from Angular 15 to Angular 16. After the upgrade, I am facing several dependency conflicts with ngx-bootstrap and @formio/angular packages. ...
- 29
0
votes
1
answer
90
views
How to display full text on hover in ngx-select when option text is too long?
I am using Angular 7 and have an ngx-select dropdown where the options are retrieved from a database. The code is as follows:
<div class="col-lg-6">
<ngx-select class="form-...
0
votes
1
answer
83
views
Unable to pass modal options and class in ngx-bootstrap modal
I'm using ngx-bootstrap modal
const modalRef = this.modalService.show<ListComponent>(ListComponent);
modalRef.content.selecteduse.subscribe((x) => {
this.func1();
});
here i ...
- 3,872
1
vote
2
answers
109
views
Execute code after modal popup fully loaded in angular
I'm using ngx-bootstrap/modal
import { BsModalRef, BsModalService, ModalOptions } from 'ngx-bootstrap/modal';
constructor(private modalService: BsModalService) {}
this.modalService.show(this....
- 3,872
2
votes
2
answers
2k
views
ngx-bootstrap Angular 18 compatible version
I tried to create Angular 18 application with ngx-bootstrap. But when I installed ngx-bootstrap, I'm getting dependency issue.
Whats the ngx-bootstrap compatible version for Angular 18
When Angular 18 ...
- 21
1
vote
1
answer
311
views
ngx-bootstrap support for Angular v17
Could you please let me know, when it will be supported with Angular version 17 ? As currently it is supported up-to Angular version 16.
Currently ngx-bootstrap is supported to Angular version 16. ...
- 11
0
votes
1
answer
414
views
After upgrade to angular 17 bsdatepicker input [readonly property not working
I upgraded my project to angular 17 after that already working bootstrap date picker ready only propert is not working when inspect readonly propery is not showing .but in htm it is set as readonly as ...
- 37
1
vote
4
answers
2k
views
How can I install ngx-bootstrap in project Angular 17?
How can I install ngx-boostrap in an Angular 17 project? In his manual installation guide, he asks to install ngx-boostrap via npm and then add the Bootstrap import to the NgModule annotation, but in ...
1
vote
0
answers
72
views
ngxbootstarp daterangepicker calenders not come on side by side come as top of another
I upgraded ngx-datepicker to version so now my daterangepicker style changed that calenders are placing one on the top of another.No other change i made.Please suggest any solution
enter image ...
- 37
5
votes
2
answers
4k
views
Could not find the project main file inside of the workspace config (src)
I started a personal project that using angular 17 in front-side and decided to use ngx-bootstrap. Ngx-bootstrap released a version([email protected]) compatible with angular 17. But I got an error ...
- 53
0
votes
0
answers
1k
views
Angular Standalone not Rendering in ngx-bootstrap/tabs
Greeting Programs:
My Angular webpage uses dynamic tabs (ngx-bootstrap/tabs) to display different pages. I plan to migrate to @defer. I understand the first step in @defer is to convert components ...
- 21
1
vote
1
answer
160
views
ngx-bootstrap modal clickable focus element outside the modal
I need to focus an element even the ngx-bootstrap is already shown.
Hi All,
I am currently using ngx-bootstrap modal.
Here is what i want to achieve.
1.ngx-modal is already show with some data --...
- 180
0
votes
1
answer
409
views
ngx-bootstrap tooltip in angular not working
Good day everyone, I am using [email protected] in angular 14 and bootstrap 5 to display a tooltip but its not showing. Here is the HTML in the template file:
<td tooltip="Hi this is a term&...
0
votes
0
answers
177
views
how to change background color of quick select range button in ngx-bootstrap bsdatepicker (angular)?
I want to change the background color of quick select ranges buttons in bsdatepicker.
Where should i actually make change to change background color of those buttons highlighted in below image.
...
0
votes
1
answer
795
views
Getting module not found for all the 11.0 components. They are all defined ad for Root on my shared module. Any ideas?
Angular 16.1.4
Ngx-bootatrap 11.0
Defined on shared module only as forRoot()
All errors similar to
Can't resolve 'ngx-bootstrap/dropdown'
Ng serve receives compile errors on seal phase
Only changes ...
- 1
0
votes
1
answer
322
views
Set the maximum date to today in ngx-bootstrap Datepicker
I am very beginner in Angular.
I have problem with my ....
I have this code:
onDateSelection(date: NgbDate, datepicker: any) {
if (!this.fromDate && !this.toDate) {
this.fromDate =...
- 39
0
votes
1
answer
609
views
Ngx Bootstrap Tooltip 10 not working with Angular 15 and Bootstrap 15
I have followed the instruction on how to display the tooltip from https://valor-software.com/ngx-bootstrap/#/components/tooltip?tab=overview, however the tooltip seems not to get shown.
Namely, the ...
- 239
1
vote
1
answer
1k
views
How to change icon in angular component
I want to make editable data and i use fa-icon element for edit icon. When I click on an icon, all the others change in the same way.
before click
after click on one icon
My fa-icon element look a ...
- 13
1
vote
1
answer
875
views
How to display only the current page number in angular pagination?
HTML :
<!-- pagination controls -->
<div class="pagination-container">
<pagination-controls (pageChange)="onPageChange($event)" [maxSize]="1" [id]="...
- 57