天天看點

修改下拉月曆的樣式

Web報表設計器不僅要有較強的操作性,同時還要有完善的設計可塑性以滿足使用者在設計報表時的個性化設計需求。即提供使用者全面的web頁面顯示樣式的設計途徑,能夠友善滿足使用者進行個性化設計,使設計出來的頁面風格統一、整潔美觀。潤乾報表提供了一系列的方法,可以靈活的設計報表的背景、顔色等項目,使整個頁面看起來更加協調、美觀,下面就以修改潤乾報表提供的下拉月曆的樣式為例展示一下實作方法以及達到的效果。

潤乾報表提供的下拉月曆功能,在web報表開發中被廣泛應用在查詢、填報中,其預設的樣式如下圖所示。

修改下拉月曆的樣式

從上圖可以看出,潤乾報表提供的下拉月曆的樣式風格與報表設計的整體的樣式風格不太協調。若将下拉月曆顯示樣式改成如下圖中的風格,則整個報表釋出頁面風格更加統一和美觀。

修改下拉月曆的樣式

具體的修改辦法是,在釋出報表的jsp頁面添加如下這段js代碼,這是一段設定下拉月曆各項内容顯示效果的代碼。

<script language=javascript>

var _calendarMainBackColor = “#87cefa”; //設定主面闆背景顔色

var _calendarWeekColor = “#ba55d3″; //設定周文字顔色

var _calendarDayColor = “#191970″;// 設定日期文字顔色

var _calendarDayBackColor = “#e6e6fa”; //設定日期面闆背景顔色

</script>

其中包括了對下拉月曆的主面闆背景顔色、周日期問題顔色、日期文字顔色以及日期闆背景顔色的設定語句,使用者可根據自己設計報表的實際樣式改變代碼中的具體值,進而調整下拉月曆風格與報表的整體風格一緻。

引自:潤乾報表知識庫

原文連結:修改下拉月曆的樣式

相關文章:利用自定義資料集運算函數實作字元串的特殊轉化;split函數及其特殊用法;橫向分頁報表的标題切分;