下には、選択してカスタマイズできるCSS要素の詳細なリストがあります。そうすれば、Belladatiドメインの完全なビジュアルスタイルを簡単に変更できます。 Info |
---|
ホワイトラベリングマニュアルをここでご参照してください。 |
トップバー ナビゲーショントップバー: | .topbar |
---|
トップバーメニューのリンク+アイコン: | .topbar ul li a |
---|
入力検索: | .topbar form input |
---|
入力テキスト検索: | form#quickSearchForm .txt |
---|
アイコン検索: | #quickSearchForm .icon-search:before |
---|
縦線検索: | .icon-search-position-fix (border-right: 1px solid #fff; ) |
---|
本文の内容 Note |
---|
グローバル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;) |
---|
その他 Note |
---|
ここに記載されない他の要素をカスタマイズするには、ブラウザのインスペクタ機能を使用してcssセレクタを探してください。 |
|