Using a custom javascript file in an override of My Account > Change Password #6350 | Support Center | ABP Commercial

balessi75 created 4 months ago

ABP Commercial 7.4.2 / Blazor Server / EF / Non tiered / Separate Host and Tenant DBs / Lepton Theme

Hi, We have successfully overridden the Change Password UI (see solution structure below). The problem is that we need to reference a new javascript file in the overridden page to augment it's functionality.

In Pages/Account/Components/ProfileManagementGroup/Password/Default.cshtml, we attempted to add the following and at runtime but the page never includes the javascript reference.

This didn't work:

@section scripts
{
   &lt;script type="text/javascript" src="/Pages/Account/PasswordStrength.js"&gt;&lt;/script&gt;

}

and this didn't work

@section scripts
{
    &lt;abp-script-bundle name="@typeof(ManageModel).FullName"&gt;
        &lt;abp-script src="/Pages/Account/PasswordStrength.js" /&gt;
    &lt;/abp-script-bundle&gt;

 }

Is there something different that needs to be done with these view components (password, personalinfo, profilepicture, etc)?

2 Answer(s)

maliming created 4 months ago

Support Team Fullstack Developer

Replace the js file from typeof(ManageModel).FullName

Configure<AbpBundlingOptions>(options =>
{
    options.ScriptBundles
        .Configure(typeof(ManageModel).FullName,
            configuration =>
            {
                configuration.AddFiles("/Pages/Account/Components/ProfileManagementGroup/Password/Default.js");
                
            });
});

0

balessi75 created 4 months ago

Excellent, this was very helpful. Thanks @maliming!

Have an answer to this question? Log in and write your answer.