如何消除 RadSiteMapNode 之间的间距？

发布于 2024-11-28 04:18:42 字数 439 浏览 0 评论 0原文

Telerik RadSiteMap 控件发出以下 HTML：

<li class="rsmItem">
<div class="rsmTemplate">
  _MY_NODE_TEMPLATE_
</div>
  <div class="rsmColumnWrap"> </div>
</li>

.rsmColumnWrap 节点定义 10 像素的底部边距。

.RadSiteMap .rsmColumnWrap {
   margin-bottom: 10px;
   overflow: hidden;
}

如何在不完全重新定义样式的情况下删除或覆盖此节点？我在 DNN6 的上下文中操作，因此无法访问 RadStyleSheetManager。

原文

The Telerik RadSiteMap control emits the following HTML:

<li class="rsmItem">
<div class="rsmTemplate">
  _MY_NODE_TEMPLATE_
</div>
  <div class="rsmColumnWrap"> </div>
</li>

The .rsmColumnWrap node defines a 10 pixel bottom margin.

.RadSiteMap .rsmColumnWrap {
   margin-bottom: 10px;
   overflow: hidden;
}

How would I remove or override this node without completely redefining the style? I'm operating within the context of DNN6 so I do not have access to the RadStyleSheetManager.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

对不⑦ 2024-12-05 04:18:42

最简单的方法是使用 RadSiteMap 在页面上定义一个快速的 CSS 样式，该样式定义了您想要有多少（或没有）空白。您不需要访问 RadStyleSheetManager，只要您有办法将其压缩到标签中就可以了。所以像这样：

    <style type="text/css">
       .RadSiteMap .rsmColumnWrap {
           margin-bottom: 5px;
           overflow: hidden;
       }
   </style>

Telerik 皮肤的 CSS 特异性应该相当低，但如果这不能解决问题，你总是可以在边距样式旁边使用 !important 标签：

    <style type="text/css">
    .RadSiteMap .rsmColumnWrap {
        margin-bottom: 5px !important;
        overflow: hidden;
    }
</style>

所以这仍然是重新定义样式，但是鉴于不必使用 RadStyelSheetManager （这也将覆盖您设置的任何皮肤的规则），我认为这将是您的最佳选择。

The easiest would be to just define a quick CSS style right on your page with the RadSiteMap that defines just how little (or no) white space you want to have. You wouldn't need access to the RadStyleSheetManager and as long as you have a way to squeeze it in the tag you'll be fine. So something like this:

    <style type="text/css">
       .RadSiteMap .rsmColumnWrap {
           margin-bottom: 5px;
           overflow: hidden;
       }
   </style>

The CSS specificity of the Telerik skins should be pretty low, but if that doesn't resolve the issue you can always just use the !important tag next to your margin style:

    <style type="text/css">
    .RadSiteMap .rsmColumnWrap {
        margin-bottom: 5px !important;
        overflow: hidden;
    }
</style>

So this is still redefining the style, but in light of not having to use the RadStyelSheetManager (this will override the rule for any skin you set too) I think this would be your best option.

回复收藏 0 原文

~没有更多了~