Aperto Chiuso

We want know how to hide the top menu from one .razor page based on the customize condition #6325


User avatar
0
kingshuk creato
  • ABP Framework version: v7.2.1
  • UI Type: Blazor WASM
  • Database System: EF Core (MSSQL)
  • Tiered (for MVC) or Auth Server Separated (for Angular): yes Please review the image, now we want to hide the top menu from one .razor page based on the customize condition how to do that. Please give us the proper steps so that we can follow and do that by ourselves.

1 risposte
  • User Avatar
    0
    liangshiwei creato
    Team di supporto Fullstack Developer

    Hi,

    You can try this:

    [Inject]
    protected IJSRuntime JsRuntime {get;set;} = default!;
    
    
    protected override async Task OnAfterRenderAsync(bool firstRender)
    {
        if(firstRender)
        {
            await JsRuntime.InvokeVoidAsync("eval", "document.getElementsByClassName('lpx-header-bottom')[0].hidden = true");
        }
        await base.OnAfterRenderAsync(firstRender);
    }
    
    protected override void Dispose(bool disposing)
    {
        JsRuntime.InvokeVoidAsync("eval", "document.getElementsByClassName('lpx-header-bottom')[0].hidden = false");
        base.Dispose(disposing);
    }
        
    
Made with ❤️ on ABP v8.2.0-preview Updated on marzo 25, 2024, 15:11