下には、選択してカスタマイズできるCSS要素の詳細なリストがあります。そうすれば、Belladatiドメインの完全なビジュアルスタイルを簡単に変更できます。

ホワイトラベリングマニュアルをここでご参照してください。

トップバー 

ナビゲーショントップバー:.topbar
トップバーメニューのリンク+アイコン:.topbar ul li a
入力検索:.topbar form input
入力テキスト検索:form#quickSearchForm .txt
アイコン検索:#quickSearchForm .icon-search:before     
縦線検索:.icon-search-position-fix (border-right:  1px solid  #fff; ) 

本文の内容

グローバルCSSスタイルを変更するときは、アプリケーション全体に予期しない視覚的な変更が発生する可能性があるので注意してください。

本文:body.desktop
ダッシュボードダッシュレットのタイトルヘッダ.dashletHeader
その他のリンク:a

左のサイドバー

サイドバー本文:.sidebarBlock
サイドバーのタイトル:.sidebarBlock h3
サイドバーリンク:.sidebarBlock a

 

右側のサイドバー・歴史・フィルタ・変数 

 

サイドバー本文:.setupPanel, .sidePanelPadding
サイドバー本文の内容: #reportView .setupPanel, #reportView .sharingPanel, #reportView .historyPanel
アイコンの色:.icon-info:before, .icon-search:before, .icon-calendar:before, .icon-attribute-date:before
の他のアイコン"i":#reportView .setupPanel i, #reportView .sharingPanel i, #reportView .historyPanel i
ボタンの色:.btn.primary, .btn
サイドバーリンク:#reportView .setupPanel a, #reportView .sharingPanel a, #reportView .historyPanel a

 

報告 

 

レポートのタイトル（トップバナーなし）.top_header_no_topbar h2
レポートのタイトル（トップバナーがある）.topbar_bg_title
レポートのタイトルのアイコン（トップバナーなし）:#contentColumn h2 [class^="icon-"]:before, h2 [class*=" icon-"]:before, #content h2 [class^="icon-"]:before, h2 [class*=" icon-"]:before
レポートのタイトルのアイコン（トップバナーがある）.topbar_bg_out [class^="icon-"]:before, .topbar_bg_out [class*=" icon-"]:before
トップコントロールボタンのレポート#reportPanelActions .btn
トップコントロールボタンポップアップメニューのレポート#reportPopupMenu, #reportPopupMenu a
ビューのコントロールボタンのレポート.editViewMenu a, .viewMenu a
ビューのタイトルの色のレポート.viewContentInnerLayout
フローティングボタン ・編集.btn.primary.editModeStart
フローティングボタン ・ 変更保存.btn.primary.saveAllViews
フローティングボタン ・完了.btn.primary.editModeEnd
フローティングボタン ・リセット：.btn.editModeReset

テーブル

テーブル本文：table.list, table.t-data-grid
テーブルのヘッダー:table.t-data-grid thead tr th, table.t-data-grid tr th
奇数のテーブル行:.oddRow, .oddRow td
偶数のテーブル行:.evenRow, .evenRow td    

 

データのインポートテーブル:.dataImportTable

フォーム要素

選択select
テキスト入力
input[type=text]

下部のメニュー 

下部のメニュー:#bottomMenu
下部のメニューのリンク:#bottomMenu a
下部のメニューの著作権:#bottomMenu .copyright   
下部のメニューの行区切り#bottomMenu .support, #bottomMenu .privacyPolicy, #bottomMenu .securityStatement, #bottomMenu .termsOfUse (border-left:  1px solid  #7893ac;)

その他

 

ここに記載されない他の要素をカスタマイズするには、ブラウザのインスペクタ機能を使用してcssセレクタを探してください。



  • No labels