Telerik UI干扰自己的风格

因此，在我目前的项目中，我们在过去几周遇到了一个特别有害的问题：Telerik RadWindow样式不再正确渲染。边框周围似乎有一些额外的空间，窗口图标左上方齐平，标题栏按钮存在，但它们的图标不可见。我们遇到了与RadAlert和RadWindow完全相同的问题。我的队友也在使用Firefox和IE，他们也遇到了同样的问题。Telerik UI干扰自己的风格

但是：此问题未在所有页面上显示。 RadWindows在给定页面上的显示效果是否与该页面一致。之前我已经注意到，在窗口正确显示的地方，Chrome每次都下载新的样式表，尽管禁用缓存并没有改变任何东西。

我注意到用于buggy样式表的URL与正常的不同。我分解了查询字符串进行比较，_TSM_CombinedScripts_参数提供了不同的公钥标记。它们在开始时实际上是相同的，但最终它们完全不同。

normal: 

d=d_7ijIXc06Eqg7xyrMT_AE_WxZL3XaVJz_VwsvOdK_1ssgHIAGoqaJzPVn-aFQFJVakZqv0a6M6IUW8lKaDBl-g9FohhCb-0KC2Mu14d6L4y47PrZb-wQiVUGqaxwCy7qcc2Dw2 
t=635823632443834005 
compress=1 
_TSM_CombinedScripts_= 
    ;;Telerik.Web.UI, Version=2014.3.1209.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-US:cd668efa-682a-4e93-b784-26f0724f247c:92753c09:ed2942d4:580b2269:8cee9284:a3b7d93f:9e1572d6:aac1aeb7:1c2121e:4d471440:c86a4a06:45085116 
    ;Telerik.Web.UI.Skins, Version=2014.3.1209.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-US:a1fec5ec-d336-48a8-850e-06eaadf10400:62641802:f82ffad1:9db7724d:fa319bc5:226a649d:51352d27:8b77daa8:976fe3c:f144572 

buggy: 

d=d_7ijIXc06Eqg7xyrMT_AE_WxZL3XaVJz_VwsvOdK_1ssgHIAGoqaJzPVn-aFQFJVakZqv0a6M6IUW8lKaDBl-g9FohhCb-0KC2Mu14d6L4y47PrZb-wQiVUGqaxwCy7qcc2Dw2 
t=635823632443834005 
compress=1 
_TSM_CombinedScripts_= 
    ;;Telerik.Web.UI, Version=2014.3.1209.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-US:cd668efa-682a-4e93-b784-26f0724f247c:92753c09:ed2942d4:580b2269:1c2121e:9e1572d6:45085116 
    ;Telerik.Web.UI.Skins, Version=2014.3.1209.45, Culture=neutral, PublicKeyToken=121fae78165ba3d4:en-US:a1fec5ec-d336-48a8-850e-06eaadf10400:62641802:f82ffad1:9db7724d:8b77daa8:226a649d

至于实际的错误，我做了一个小检查，一个我发现，样式表实际上覆盖了自己的风格。我跑了通过格式化由Telerik.UI.Webresource.axd返回的样式表和行216定义了两个规则：

.RadWindow .rwCloseButton { 
    background-position: -90px 0 
} 

.RadWindow .rwCloseButton:hover { 
    background-position: -90px -21px 
}

然后在4634线会覆盖它们。越野车样式表总共约有2600多行。奇怪的是，这些新规则适用常规关闭按钮样式，以便在非活动窗口中关闭按钮。

.RadWindow .rwCloseButton, 
.RadWindow.rwInactiveWindow .rwCloseButton:hover { 
    background-position: -1px -762px 
} 

.RadWindow .rwCloseButton:hover { 
    background-position: -21px -762px 
}

在哪里窗口中正确显示页面，只有前两个规则适用，而第二组规则从来没有一次露面。我只是不明白它是如何将风格放在一起，或者它为什么凌驾于自身之上。

据我所知，没有任何引用已被更改。什么都没有升级，web.config没有改变。我们在本地环境和开发箱中都看到相同的问题。

来源

2016-12-02 Matt A

您是否使用了声明的皮肤？例如。皮肤=“新城”？ – Seano666

我们有一些RadAjaxLoadingPanels和皮肤属性，但除此之外，没有。我们的母版页中的RadWindowManager没有。 –

实际上，在检查Web.config后，我们确实在appSettings中声明了一个。但是，删除它后，我仍然可以看到与默认外观相同的行为。 –

要么去除所有RadWindows RenderMode="Lightweight"或确保所有RadWindows有它解决了这个问题。

原来，问题是，我们的团队成员之一加入了一些RadWindows与RenderMode="Lightweight"到了几页。据推测，第二个加载的样式表实际上是用于轻量级模式。这就是文档告诉你不要混合渲染模式的原因。

来源

2016-12-05 21:22:00

Telerik UI干扰自己的风格

回答

相关问题