It should be fixed, can you try it again?
Hi @berly, thanks for reporting. I'll check and write you back asap.
Hi, you can define the icon when defining a new menu item like below:
context.Menu.AddItem(
new ApplicationMenuItem("MyProject.Crm", l["Menu:CRM"])
.AddItem(new ApplicationMenuItem(
name: "Name",
displayName: "Display",
url: "/crm/my-url",
icon: "fa fa-tag" //define your Font Awesome icon here.
)
));
Hi @shijo, thanks for reporting the problem. We are aware of this problem and will fix it asap. I'll inform you when it's resolved. Btw, your credit is refunded.
what if I wanted to do my changes at server side not JavaScript?
The same is also valid for razor pages and etc.. You only need to create a new razor page/class on the same path and change by your needs.
Please check the https://docs.abp.io/en/abp/5.3/UI/AspNetCore/Customization-User-Interface?_ga=2.135766769.1926299507.1654164050-344190752.1654164050#overriding-a-page .
Hi, it seems there are some problems with debugging in Visual Studio for Blazor applications. (as you've faced, "children could not be evaluated" etc.)
This problem is related to Visual Studio rather than ABP Framework. I found a thread that you can follow and apply suggestions that have been made. So please check this thread.
To use the Buttons extension from DataTable, you need to add some additional js files to your application.
Alternatively, you can use the download builder of Datatables (https://datatables.net/download/) to ensure install all related packages.
Then you can use it like you mentioned:
$(document).ready(function() {
$('#example').DataTable( {
dom: 'Bfrtip',
buttons: [
'copyHtml5',
'excelHtml5',
'csvHtml5',
'pdfHtml5'
]
} );
} );
It's not fully related with ABP Framework, you can follow the documentation of Datatables (Buttons Extension) and make the necessary configurations (you need to add the above js files to your project) to make it work.
Hi, you can override it by creating an Index.js file in the same directory of the module file (/Pages/Identity/Users/index.js) and copy the module content to that newly created file and make your changes.
(function ($) {
var l = abp.localization.getResource('AbpIdentity');
//...
abp.ui.extensions.tableColumns.get("identity.user").addContributor(
function (columnList) {
columnList.addManyTail(
[
{
title: l('Actions'),
rowAction: {
items: abp.ui.extensions.entityActions.get("identity.user").actions.toArray()
}
},
//other fields
{
title: l('CreationTime'),
data: "creationTime",
dataFormat: "datetime" //change data format by your needs
},
]
);
},
0 //adds as the first contributor
);
//...
})(jQuery);
Please see the following resources for more:
If you want buttons outside of the Datatable, you can directly add it to your .cshtml file as below:
<abp-card>
<abp-card-body>
<button class="btn btn-primary mb-3">My Button</button>
<abp-table striped-rows="true" id="MyTable" class="nowrap"></abp-table>
</abp-card-body>
</abp-card>
Also instead of this, you might want to use Page Toolbar Extensions.
Hi, you can use the rowAction and define a single item as below:
{
//...
title: l('MyButton'),
target: 0,
rowAction: {
items:
[
{
text: l('MyButtonText'),
visible: abp.auth.isGranted('MyPermissionGroup.Default'), //add permission
action: function (data) {
//your logic (when clicked the button)
}
}
]
}
}
}
This will be rendered as a button.
