修改FloatingPanel的TitleBarBackgroundImage(ADF)

之前提到因部門政策等因素,必須繼續使用ADF開發專案,而引發想透過其他撰寫方式改變介面的念頭,繼上篇讓ADF的FloatingPanel永遠呈現於最上層(always on Top),這二個禮拜忙一堆阿哩阿雜行政作業,在零碎時間內只增加漂亮的sliding bar,並解決FloatingPanel之TitleBar無法更改背景圖片的小問題,sliding bar非piggy原創就不列入本文討論範圍,感興趣者請參考piggy同事針對瀏覽器 & sliding bar的探討

ADF的FloatingPanel有一TitleBarBackgroundImage屬性,能設定背景圖片之url,無奈指定路徑正確位置後,網頁依然聞風不動,FloatingPanel老那副醜樣T A T

後來刪除Web.config中的主題設定(將< pages theme="Blue_Bridge">之theme="Blue_Bridge"刪除),FloatingPanel的標題列背景總算改變,但自行指定的TitleBarBackgroundImage依舊沒有反映於網頁中,取而代之的是一片慘白=..=a


後來採用取巧方式,既不指定TitleBarBackgroundImage也不更動pages的theme值,而是修改所參考theme之Default.skin檔案。以本文為例,施作對象是FloatingPanel,請在Default.skin中找到< esri:FloatingPanel runat="server"  ...略 ....  TitleBarBackgroundImage="~/App_Themes/Blue_Bridge/images/blue-gradient-24x1.gif" / > ,直接更改此處TitleBarBackgroundImage對應的url值,將其指定到您儲存圖片的路徑即可。
這張還是很醜XD 但測試階段實在不好勞動美編,
請大家意會即可,重點是修改背景圖片~:D

沒有留言: