Hello Sumeyye, we don't have plan on using Angular Material components. We want to use out-of-box components from ABP framework, and this component injection for Modal windows is important for building the front-end application. I would like your team to consider on adding this feature into your roadmap. Thanks.
Thanks for the advice. Is that possible ABP can include this type of feature by default?
I believe this can benefit all users. Also, angular material UI uses the same practice. (https://material.angular.io/components/dialog/api)
ABP ModalComponent is using ng-boostrap under the hood which is good. However, I don't see anywhere mentioned "NgbModal.open" function in ABP Modal documentation. (https://abp.io/docs/latest/framework/ui/angular/modal)
Is there a different way to approach this in ABP? The goal is we want to have a new instance inside of modal window when display every time.
Reference from ng-boostrap: https://ng-bootstrap.github.io/#/components/modal/api#NgbModal open open(content: any, options: NgbModalOptions) => NgbModalRef Opens a new modal window with the specified content and supplied options. Content can be provided as a TemplateRef or a component type. If you pass a component type as content, then instances of those components can be injected with an instance of the NgbActiveModal class. You can then use NgbActiveModal methods to close / dismiss modals from "inside" of your component. Also see the NgbModalOptions for the list of supported options.
Hello Anjali,
Thanks for the answer.
I thought ABP is using Bootstrap as the base, why missing all classes?
Thanks Liang. Works now, forgot the directive thing, lol.
FYI, I am doing stand-alone components so I need import all of them separately.
standalone: true, imports: [NgxDatatableModule, NgxDatatableListDirective, NgxDatatableDefaultDirective],
I would love to see next ABP Angular template fully leveraging on stand-alone, no zone.js, and Signals.
There is no [list] attribute from ngx-datatable (https://swimlane.gitbook.io/ngx-datatable/api/table/inputs)
<ngx-datatable [rows]="author.items" [count]="author.totalCount" [list]="list" default> <ngx-datatable-column [name]="'::Actions' | abpLocalization" [maxWidth]="150" [sortable]="false" >
Got it. Thanks.
Thanks Liang! I will add into my bookmark.
Seems like ABP is using two different data table libraries: https://swimlane.gitbook.io/ngx-datatable and https://datatables.net
What's the direction on this? Do we know if ABP is going to consolidate this?
Do we have any documentation on using LeptonX components? One example: https://x.leptontheme.com/side-menu/libraries/datatables
I know under the hood it's using this lib: https://datatables.net/ , but I still need know how LeptonX bootstrap this by using <abp-?> tag or some other examples.
also, where is the source code on this LeptonX Pro and demo site? I downloaded this source code: Volo.Abp.LeptonXTheme.Pro but don't see anything on how to use components.