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.
Hi, can you check that the permission is granted? Because, 403 error indicates that you've logged in but don't have the permission.
@EngincanV
Thank you for a quick reply. I heard of this book and was really curious to download it.
This is kind of biased as we have been using Enterprise license for last 2 years and have renewed it from 5 licenses last year to 10 licenses this year.
I believe it should be available for old licenses as well :(
Sorry to hear that. We've wanted to gift the book to you, please check from the https://commercial.abp.io/my-organizations/ .
Best Regards.
Hi, all new (bought a new license after the 16th of January) customers (owners of the license) can download the ABP Framework book for free from the https://commercial.abp.io/my-organizations/ .
Like https://docs.abp.io/en/abp/latest/UI/AspNetCore/JavaScript-API/Block-Busy is there any option available for angular?
You can use the [abpLoading] directive like as below:
<div class="my-container" [abpLoading]="isLoading">
lorem ipsum
</div>
For example usage from the framework, please see.