Closed

Customize personal info page #5838

manuel42 created 2 years ago

ABP Framework version: v.7.0.3
UI Type: MVC
Database System: EF Core (SQL Server)
Tiered (for MVC) or Auth Server Separated (for Angular): no

Hello,

I want to extend the personal info UI page with a checkbox. Is it possible to extend the personal info UI with the module entity extension or need I to replace the the whole profile management tab under **Pages/Account/Components/ProfileManagementGroup/PersonalInfo/Default.cshtml ** or is there a faster way to extend the personal info UI ?

Thank you in advanced

7 Answer(s)

0

Anjali_Musmade created 2 years ago
Support Team Member

Hello manuel42
Can you please refer this link
https://support.abp.io/QA/Questions/2989/Overriding-PersonalInfo-for-extra-properties
https://support.abp.io/QA/Questions/160/How-to-customize-an-ABP-project
0

manuel42 created 2 years ago

Thank you for the guide. I have followed them but the extra property is not rendered to UI. I have added a custom Default.cshtml for the PersonalInfo tab.

The red highlighted part is always empty.

I have added a CustomPersonalInfoModel, I have added the DtoExtensions to ProfileDTo and UpdateProfileDto, I have added the custom converter(But in this case I think this is not relevant)

I have also tried to add a custom check box but if I change they value the ExtraProperties value are not changed in the update method of the ProfileAppService.cs

What I need to do to render and use the custom checkBox ?
0

Anjali_Musmade created 2 years ago
Support Team Member

Hello manuel42,

I am trying to reproduce the issue at my end.
Could you please share the UI changes you have done in Default.cshtml so that we can assist you in better way

Regards,
0

manuel42 created 2 years ago

Hello Anjali_Musmade,

this is only change I did in the Default.cshtml
0
Anjali_Musmade created 2 years ago
Support Team Member
Hello manuel42,

I have tried at my end like this please check it

1.Default.cshtml

ProfileDto

UpdateProfileDto

ProfileAppService

If we check the checkbox value comes true

If we don't check the checkbox value comes false

please do let me know if found helpful

Thank you,
Anjali
0

manuel42 created 2 years ago

I want to use the UI extension system. In the foreach loop on the Default.cshtml you can see that this feature is already implemented (render all extraProperties of the PersonalInfoModel).

In the xxx.Application.Contracts project I have extended the DTOs with the ObjectExtensionsManager

In Meantime I have played around with it and I was able to use it when I replace CustomPersonalInfoModel with the ProfileDto.
Either the usage of the PersonalInfoModel in the foreach loop is a issue or there is another way to extend the PersonalInfoPage with UI extension system? Could you please check it ?

I want to avoid custom replacements because they need more more afford in the future to update them in a new ABP version.
0
Anjali_Musmade created 2 years ago
Support Team Member
Hello manuel42,

could you please try to set property of Extraproperty in UpdateAsync

by adding this code

user.SetProperty("AllowUsePersonalData", input.AllowUsePersonalData);

Please do let me know if this helps you

Thank you,
Anjali