2016-12-02 6 views
0

私の現在のプロジェクトでは、過去数週間で特に有害な問題に遭遇しました。Telerik RadWindowスタイルは正しくレンダリングされません。境界線の周りに余分なスペースがあるようですが、ウィンドウアイコンは左上に並んでいて、タイトルバーのボタンは存在しますが、アイコンは見えません。 RadAlertとRadWindowと全く同じ問題が発生しています。私のチームメイトもFirefoxとIEを使用しています。彼らはまったく同じ問題を抱えています。TelerikのUIが独自のスタイルを妨げている

ただし、この問題はすべてのページには表示されません。 RadWindowsが特定のページで正常に表示されるかどうかは、常にそのページで一貫しています。以前は、ウィンドウが正しく表示されている場所に気づいていましたが、キャッシュを無効にしても何も変更されませんでしたが、Chromeは毎回新しいスタイルシートをダウンロードしていました。

バグスタイルシートに使用されているURLが通常のものと異なることに気付きました。比較のためにクエリ文字列を分割し、_TSM_CombinedScripts_パラメータは異なる公開鍵トークンを与えます。彼らは最初は実際には同じですが、最終的にはまったく異なっています。実際のバグについては

all kinds of jacked up

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 
} 

、最初の2つのだけルールが適用され、ルールの第2のセットは、外観を作ることはありません。私はスタイルがどのように組み合わされているのか、なぜそれが自分自身をオーバーライドしているのか理解できません。

私が知る限り、参照は変更されていません。アップグレードされたものはありません。web.configは変更されていません。私たちはローカル環境と開発環境の両方で同じ問題を抱えています。

+0

あなたは宣言されたスキンを使用していますか?例えば。スキン= "メトロ"? – Seano666

+0

スキン属性を持つRadAjaxLoadingPanelsがいくつかありますが、それ以外のものはありません。私たちのマスターページにあるRadWindowManagerには、RadWindowManagerはありません。 –

+0

実際には、Web.configを確認した後、appSettingsで宣言しました。それを削除した後も、デフォルトのスキンと同じ動作が表示されます。 –

答えて

0

すべてのRadWindowsからRenderMode="Lightweight"を削除するか、すべてのRadWindowsで問題が修正されていることを確認してください。

私たちのチームメンバーの1人が、いくつかのページにRenderMode="Lightweight"のRadWindowsを追加していたということが分かりました。おそらく、ロードされた2番目のスタイルシートは、実際には軽量モードのものでした。これは、ドキュメントがレンダリングモードを混在させないように指示する理由です。

関連する問題