Open Closed

Lepton X Blazor Server: Remove Page Frames #5263


User avatar
0
jopperman@waltons.co.za created
  • ABP Framework version: v7.2.2
  • UI type: Blazor Server
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): NA
  • Exception message and stack trace: NA
  • Steps to reproduce the issue:" NA

Hi,

We would like to build a page that would be accessed from a kiosk. We would like the page to not include any of the menu bars, headers or footers that come with Lepton X. We would only like the body to be displayed while maintaining any CSS / formatting that Lepton X includes by default for things like buttons etc.

In terms of the implementation, we would like to avoid having a kiosk and non-kiosk page as the page is simply a list of entities similar to what the suite creates by default. Instead, we would like to pass a simple parameter in the URL which will toggle the behavior and allow the code behind to "know" whether or not the page is being accessed in "kiosk mode".

Please can you provide some guidance on how we can go about achieving this?


1 Answer(s)
  • User Avatar
    0
    liangshiwei created
    Support Team Fullstack Developer

    Hi,

    You can try this:

    EmptyLayout.razor

    @inherits LayoutComponentBase
    
    @Body
    

    Test page

    @page "test"
    
    @inject IOptions<LeptonXThemeBlazorOptions> LayoutOptions
    @layout EmptyLayout
    
    if(Url == "kiosk")
    {
       <h3>Hello world</h3>
    }else
    {
      <LayoutView Layout="@LayoutOptions.Value.Layout">
         <h3>Hello world</h3>
      </LayoutView>
    }
    
Made with ❤️ on ABP v9.1.0-preview. Updated on December 10, 2024, 06:38