外観を編集する(CSS)

DayBackカレンダーのルック＆フィールはCSSファイルで制御されています。このCSSファイルを編集してカレンダーの外観を変えたり、自分のファイルに合う色合いにしたりすることができます。

それぞれのCSSファイルが、カレンダーのテーマのひとつひとつです。「テーマを編集する」にて、テーマを編集するヒントと効果的な方法を動画で見ることができます。

DayBackのオンライン版を使って、利用できるクラスを調べることもできます。その方法を示した短く分かりやすい動画を用意しています。

スマート引用に関する重要な注意事項

スマート引用符（ ""）はCSS文字列と互換性がないため、値が無効になります。 FileMakerでCSSテーマを編集するときは、必ずスマート引用符を無効にしてください（[ファイルオプション]  - > [テキスト]  - > [スマート引用符を使用]）。 あなたの始値と終値は、エディタ（ ""）で同一に見えるはずです。

イベントのテキストをスタイリングする

これに続くほとんどのモジュールは、カレンダーのインターフェースのスタイルとイベントのレンダリング方法に関連するものです。 イベントコンテンツの動的な表示（顧客の名前を太字にする、会議がエラーに関するものである場合は注意アイコンを追加するなど）については、イベントスタイルhttps://www.seedcode.com/pmwiki/index.php?n=DayBackForFileMaker.EventStylesを調べてください。

ユーザごとに異なるCSSをロードできますか。

はい。 あるスクリプトを修正することで、特定のユーザーに固有のCSSを追加できます。これは起動時にのみ実行されるため、起動後にユーザーがソリューションにログインまたはログアウトする場合は、ログインが変更されるたびにDayBackの "Upon Opening"スクリプトを実行する必要があります。

スクリプト 「Export Theme ({Preview})」を編集し、Else以下の[フィールド内容のエクスポート]ステップを22行目から31行目に置き換えます。ここでは、ユーザー "Bob"のブランチが1つだけになっていますが、それを "="に変更すると、特別なCSSが必要なユーザーごとに別々のブランチを作成できます。

[screenshot]

スクリーンショットでは実際に読めない25行目は、実際に新しいCSSを追加する場所です。これは、SetFieldダイアログの2番目の部分です。ここの例では、緑色のプラスボタンをオフにしています。

// Hide the plus button for new events

".add-event-container {

display: none !important;

}"

& ¶ &

// Hide the "new event" popover button

"div[content=newEvent]{

display: none !important;

}"

& ¶ &

CalendarInterface::ExportGlob

CalendarInterface :: ExportGlobを参照する最後の2行の最後に、通常のCSSを含めることを忘れないでください。 CSSの一般的な変更の例を以下に示します。

一般的なCSSリクエストの例

未翻訳