css - 用于带子页面的基本垂直导航的 Sitefinity CSS 类

Question

我在尝试弄清楚如何使用 Sitefinity 中的下拉子页面设计我的基本垂直导航时遇到了困难。我找不到简单的教程或解释我需要针对哪些 CSS 类来更改导航样式，所提供的文档非常不清晰，而且我在论坛中找不到太多帮助。到目前为止我能找到的只是我需要创建一个 main.css 文件，我用它来创建自定义皮肤，但我无法直接回答这个特定外观的目标。

非常感谢这位 Sitefinity 新人的帮助!

Answer 1

Navigation Widget 使用 Telerik RadControls 生成菜单。这可能是:

• 单选菜单
• RadPanelBar
• RadTreeView
• ...

根据您选择的导航模式，呈现其中一种模式。可能您正在使用简单垂直菜单？

您可以覆盖生成的类，或定义皮肤。

• 转到导航小部件的设计器
• 在“Wrapper CSS”字段中添加名称(例如 CustomSKin)。
• 使用例如Firebug 或 Chrome 扩展。您会看到此前缀已添加到导航部分的标记中。

然后你可以像这样声明你想要设置样式的类:

.RadPanelBar_CustomSkin .rpRootGroup {
   // Your css
}

您可以随时查看 Telerik 提供的 RadControls 的文档: http://www.telerik.com/help/aspnet-ajax/panelbar-appearance-css-selectors.html

亲切的问候，丹尼尔扑通