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

1 Answer(s)

• 

  0

  liangshiwei created 2 years ago

  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);
  }
      
  

  Save Cancel