Activities of "tony.chen@sjrb.ca"

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.

• ABP Framework version: v8.1.4
• UI Type: Angular
• Steps to reproduce the issue: add class="text-right" into a div tag, the text inside of div tag doesn't align to right because this class doesn't exist.

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.

• ABP Framework version: v8.1.3
• UI Type: Angular
• Database System: MongoDB
• Tiered (for MVC) or Auth Server Separated (for Angular): yes
• Exception message and full stack trace: 1. If 'ngx-datatable' is an Angular component and it has 'list' input, then verify that it is part of this module.
• Steps to reproduce the issue: https://github.com/abpframework/abp-samples/blob/master/BookStore-Angular-MongoDb/angular/src/app/book/book.component.html or follow https://docs.abp.io/en/abp/latest/Tutorials/Part-1

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.