965 questions
0
votes
0
answers
78
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
2
votes
1
answer
182
views
ngx-bootstrap date picker with time (24-Hour Time)
How to set ngx-bootstrap bsDatepicker withTimepicker to use 24-hour format (disable showMeridian)?
I'm using ngx-bootstrap's <input bsDatepicker> with the withTimepicker: true option. It shows ...
- 61
0
votes
2
answers
83
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
2
answers
453
views
Angular compilation initialization failed Cannot resolve type entity i1.FocusTrapModule to symbol at reflectTypeEntityToDeclaration
When I try ng build, I get the following error:
X [ERROR] Angular compilation initialization failed. [plugin angular-compiler]
Error: Cannot resolve type entity i1.FocusTrapModule to symbol
at ...
- 70
0
votes
0
answers
32
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
0
answers
145
views
How do I get ngx-bootstrap typeahead working with Angular 19?
I am trying to get a simple ngx-bootstrap typeahead working with Angular 19. I have a stackblitz at https://stackblitz.com/edit/stackblitz-starters-hsbfkmjx?file=package.json.
I have also tried the ...
- 1,630
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
0
votes
0
answers
56
views
Ngx-Pagination not navigating and got disabled
Using Angular, I am consuming an API from ASP.NET Core Web API, I have this endpoint that performs Query Filter, ngx-Pagination, ngx-datepicker, and Sorting.
It can perform
Search Query,
Search Query ...
- 1,613
2
votes
1
answer
718
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
1
vote
1
answer
160
views
Ngx-Bootstrap Popover Problem Doesn't Appear on Top of Other Elements
I am trying to add a popover to a Ngx-bootstrap input form. I want the popover to appear over the top of the input fields below the input field the popover explains. When I click on the input field, ...
- 49
0
votes
1
answer
78
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
0
votes
1
answer
93
views
Reduce size of BsDatePicker
Is there anyway to reduce the size (height and width) of BsDatePicker?
https://valor-software.com/ngx-bootstrap/#/components/datepicker?tab=overview
I checked config properties but can't find one.
- 1,621
2
votes
1
answer
431
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
1
vote
0
answers
121
views
Updating to latest version of ngx-bootstrap
I have an Angular project that uses Bootstrap 3.4.1. I can't update it to 4 or 5 since it will break all the styles.
I'm also using ngx-bootstrap in the project. After updating to Angualr 17, I can't ...
- 228
0
votes
1
answer
93
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
3
answers
553
views
How to resolve ngx-bootstrap Dependency Error
I got the following error, What's the meaning of this error log and do you know how to fix it ? Thanks.
137 error code ERESOLVE
138 error ERESOLVE could not resolve
139 error
140 error While resolving:...
- 23
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
0
votes
1
answer
211
views
Pass data from ngx-bootstrap modal which is child component to parent component
I have seperate child component which in ngx-bootstrap modal here i have defined @input @output properties
@Input() public openFrom;
@Output() selecteduse = new EventEmitter<any>();
from ...
- 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
0
votes
1
answer
56
views
bs-datepicker-inline not showing proper design
I'm using bs-datepicker-inline in angular which is rendered like this
Code:
html component
<bs-datepicker-inline id="bsdatepickerinline" [bsConfig]="bsConfig"
...
- 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
0
answers
172
views
ngx-pagination with ngx-bootstrap/pagination
In Angular, Pagination with Bootstrap
import { NgxPaginationModule } from 'ngx-pagination';
import { PaginationModule } from 'ngx-bootstrap/pagination';
The cursor is always stay in the middle when ...
- 23
1
vote
1
answer
317
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
146
views
how to add css to ngx-formly input fields
Being new to ngx-formly, I'm struggling to add custom CSS to fields, labels, and inputs. Are there any methods that work well for achieving this? I'd appreciate any guidance on how to easily style ...
0
votes
1
answer
422
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
3
answers
762
views
How to change ngx datatable header background color?
i want to set the table header background to blue color.
this is my html:
<ngx-datatable class="material" [rows]="rows" [columnMode]="'force'" [headerHeight]="50&...
- 61
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 ...
0
votes
1
answer
103
views
how to customize ngxbootstrap daterangepicker?
I'm using ngx bootstrap datepicker i have a requirement to show multiple date range is calender.when open calender view should be months which show selected multiple months.on click that selected ...
- 37
1
vote
0
answers
78
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
1
vote
1
answer
82
views
Type mismatch when passing component as variable to ngx-bootstrap modal service
I'm following the example here to create an ngx-bootstrap modal from a component.
However, if I create a variable for the component using the ternary operator, I get a weird compiler error if I don't ...
- 712
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
1
vote
1
answer
310
views
How to create a standalone custom library that uses a non-stanalone third party library in Angular?
I have a custom library that uses another third-party library (ngx-bootstrap) which is not a collection of standalone components, services, etc... and requires importing Modules. This custom library ...
- 1,660
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
4
votes
4
answers
11k
views
What version of "ngx-bootstrap" should I install for "Angular 17"?
Here is the version
I was trying to download ngx-bootstarp but didn't found any compatible version. I have google it but there was no information about it. I saw the list in the official site of ...
1
vote
1
answer
161
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
-1
votes
1
answer
132
views
Not able to set Initial value in ngx-bootstrap typeahead
Hello I am using angular 16
"ngx-bootstrap": "^11.0.2",
I can not set default value means when user select the data from suggestive search and i have saved that value in DB and now ...
0
votes
1
answer
419
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
3
answers
839
views
NullInjectorError: No provider for BsDropdownDirective
I keep getting this error in the browser console and the functionality of bsdropdown is not working. Below is the detailed error from the browser:
main.ts:6 ERROR NullInjectorError: R3InjectorError(...
- 1
0
votes
0
answers
180
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
114
views
How to implement bootstrap date picker?
I have date picker plugin in my packages, when I implement, I am able to see the calender. How can I see the calender .
This is what I have tried
<input
type=&...
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
392
views
ngx-bootstrap typeahead displays [object Object] when using itemTemplate and observables
Is there a solution or a workaround to this?
When one of the options is selected from the typeahead, it appears as "[object Object]". This seems to be a bug with the library when using ...
- 6,378
0
votes
1
answer
328
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
558
views
Style ngx-bootstrap tooltip arrow BORDER to take the shape of the arrow
Currently, I am facing this issue with the ngx-bootstrap tooltip, arrow to give the border in its shape, I tried multiple solutions but got at max this far.
I have attached 2 images, first is the one ...
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
0
votes
2
answers
271
views
ngx-bootstrap Dropdown failed
import { BsDropdownModule } from 'ngx-bootstrap/dropdown'; this don't work.
I didn't find "dropdown" in my folder
Thank you for helping me!
I tried to add this component by myself, but It ...
- 65
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
0
votes
1
answer
142
views
bsDatepicker withtimepicker, is there a way to remove AM/PM?
im using datepicker withtimepicker from ngx-bootstrap and im trying to remove the AM/PM button and force the datepicker to be in 24hours mode, is there a way to do that ?
<bs-...
- 1
1
vote
1
answer
876
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
0
votes
0
answers
457
views
Ngx-bootstrap close dropdown on ESC key pressed while on menuitem
I'm working with Angular 9, ngx-bootstrap 10.2.0 and ARIA to make a page more keyboard accessible. Trying some of the examples from the ngx-bootstrap documentation I encountered some lack of ...
- 1,159