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干擾自己的風格

回答

相關問題