Blazor-隐藏特定页面上的侧栏和顶栏(不适用于整个站点)

Blazor - Hide the side and top bar on a specific page (not for the whole site)(Blazor-隐藏特定页面上的侧栏和顶栏(不适用于整个站点))
本文介绍了Blazor-隐藏特定页面上的侧栏和顶栏(不适用于整个站点)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我正在Blazor Server(.NET5)中制作一个应用程序,我想隐藏特定页面的侧栏和顶栏。我试着搜索,但找不到任何有效的解决方案。下面的屏幕截图显示了我要隐藏的内容(以红色矩形表示)。

显然,我希望内容/正文部分本身占据整个页面。

推荐答案

顶栏和侧栏在shared/MainLayout.razor文件中定义。您可以编辑该文件以编辑版面。

如果只想隐藏应用程序中特定页面上的顶栏和侧栏,而不是应用程序中的所有页面,则可以创建不包含顶栏和侧栏元素的新布局组件,然后使用@layout指令将新布局添加到可选页面。

创建新布局并将其应用于组件-ASP.NET Core Blazor Layouts

这篇关于Blazor-隐藏特定页面上的侧栏和顶栏(不适用于整个站点)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

DispatcherQueue null when trying to update Ui property in ViewModel(尝试更新ViewModel中的Ui属性时DispatcherQueue为空)
Drawing over all windows on multiple monitors(在多个监视器上绘制所有窗口)
Programmatically show the desktop(以编程方式显示桌面)
c# Generic Setlt;Tgt; implementation to access objects by type(按类型访问对象的C#泛型集实现)
InvalidOperationException When using Context Injection in ASP.Net Core(在ASP.NET核心中使用上下文注入时发生InvalidOperationException)
LINQ many-to-many relationship, how to write a correct WHERE clause?(LINQ多对多关系,如何写一个正确的WHERE子句?)