フォルダ・リストおよびファイル・リスト・スタイルのカスタマイズ

design.cssファイルにセレクタを追加することで、フォルダ・リスト・コンポーネントおよびファイル・リスト・コンポーネントのスタイルをカスタマイズできます。

フォルダ・リスト・コンポーネントを使用して、Oracle Content Managementアカウントから指定したフォルダ内のフォルダをリストできます。フォルダ・リストは自動的にページでファイル・リスト・コンポーネントやドキュメント・マネージャとやり取りして、フォルダ・リスト内で選択したフォルダのファイルを表示します。

ファイル・リスト・コンポーネントを使用して、Oracle Content Managementアカウントの指定されたフォルダにあるファイルのビューを提供できます。ファイル・リストは、ページ上で自動的にフォルダ・リスト・コンポーネントとやりとりして、フォルダ・リストで選択したフォルダ内のファイルを表示します。

フォルダ・リストのCSSセレクタ

これらのCSSセレクタを使用してフォルダ・リスト・コンポーネントのスタイルをカスタマイズします。

セレクタ名	説明
`.scs-folder-list-cust .scs-folder-list-container`	コンポーネントの最も外側のDIV
`.scs-folder-list-cust .scs-folder-list-folder-title`	フォルダ名
`.scs-folder-list-cust .scs-folder-list-line-separator`	フォルダ名とサブフォルダ・リストの間のセパレータ
`.scs-folder-list-cust .scs-folder-list-sub-folder-title`	サブフォルダ名
`.scs-folder-list-cust .scs-folder-list-sub-folder-title-active`	選択時のサブフォルダ名
`.scs-folder-list-cust .scs-folder-list-no-folder-msg`	表示するサブフォルダがない場合のメッセージ

ファイル・リストのCSSセレクタ

これらのCSSセレクタを使用してファイル・リスト・コンポーネントのスタイルをカスタマイズします。

セレクタ名	説明
`.scs-file-list-cust .scs-file-list-container`	コンポーネントの最も外側のDIV
`.scs-file-list-cust .scs-file-list-folder-title`	フォルダ名
`.scs-file-list-cust .scs-file-list-line-separator`	フォルダ名とファイル・リストとの間のセパレータ
`.scs-file-list-cust .scs-file-list-row`	ファイルの情報を含む行
`.scs-file-list-cust .scs-file-list-left-col`	コンポーネントの左側のセクションにある、ファイルのサムネイル
`.scs-file-list-cust .scs-file-list-mid-col`	コンポーネントの中央のセクション。ここには、ファイルの名前、説明、最終変更およびサイズが含まれています
`.scs-file-list-cust .scs-file-list-file-title`	アプリケーションの中央のセクションにあるファイル名
`.scs-file-list-cust .scs-file-list-file-desc`	アプリケーションの中央のセクションにあるファイル説明
`.scs-file-list-cust .scs-file-list-file-lastModified`	ファイルの最終変更
`.scs-file-list-cust .scs-file-list-file-size`	最終変更からの縦セパレータありのファイル・サイズ
`.scs-file-list-cust .scs-file-list-file-size-no-sep`	縦セパレータなしのファイル・サイズ(最終変更は表示されない)
`.scs-file-list-cust .scs-file-list-right-col`	アプリケーションの右側のセクション
`.scs-file-list-cust .scs-file-list-file-download-icon`	アプリケーションの右側のセクションにあるダウンロード・アイコン
`.scs-file-list-cust .scs-file-list-no-file-msg`	表示するファイルがない場合のメッセージ

「Oracle Content Managementを使用したサイトの構築」の「ファイル・リスト」と「フォルダ・リスト」を参照してください。