SuperSaaS-FAN
〜 SuperSaaSの使い方 〜

Loading...

SuperSaaSのレイアウトカラー設定でできること

レイアウトカラー設定でスケジュールをカラーリング

レイアウトカラー設定で、スケジュールごとの色味や装飾など、見た目のデザインを設定できます。

【修正更新:2024-04-17】カスタムカラー設定の追加
リソースやデフォルトスロットのカラーは既存の色から選択のみでしたが、右端の虹アイコンを選択することで任意の色を指定できるようになってました。
カレンダーカラー以外の以下の設定は、およそデスクトップ版の表示専用で、モバイル版の表示装飾カスタマイズはほとんどできません。
また、設定しているグローバルなレイアウトテーマによって装飾が異なる場合があります。
簡易ですが設定を視覚的にシミュレートしたプレビューイメージを見ながら設定できます。

どのスケジュールタイプでも共通して設定できる項目

カレンダーカラー

カレンダーカラーの設定

色が付いた四角い部分をクリックすることで、カレンダーを構成する各要素の色を指定できます。
テーマは選択した色を基調としたカラーテーマで各要素の色が自動選択されます。

リソーススケジュールで設定できる項目

予約のカラー

リソースカラーの選択

予約の装飾色を指定できます。
複数のリソースがある場合は、それぞれ個別に選択できます。

右端の虹アイコンは、選択することで任意の色を指定することができます。

カラーキーの設定

カラーキーの設定

スケジュールに複数のリソースがある場合、リソースを選択できるUIを設定できます。

リソースを選択する為のcolor keyをスケジュール上に表示する

カレンダー上にリソースの表示選択ができるリソースリストの表示を追加します。

リソースの選択にドロップダウンメニューを使用する

カレンダー上に、表示リソースの選択ができるプルダウンメニューが追加されます。

スケジュール上部にセレクターを使用しない
リソース個々の選択をさせずに、常に全てのリソースを表示します。
カレンダー上部にcolor keyを表示

チェックを入れることでスケジュールカレンダーの上部にリソースの色が並びます。

カレンダーに十分な幅が必要です。

Ownership indicator

オーナーのインジケーター設定
自分の予約に対して装飾される柄を選択することができます。
他人の予約も見える場合など、自分の予約が視覚的に判別しやすくなります。

空のセルの色

予約の長さが固定されていて、かつ、開始時間が指定されている場合の、カレンダー上に視覚的に表示される予約可能な枠に対する装飾設定です。
空のセルの色設定
予約可能な時間帯に装飾される柄を選択することができます。
空のセルを隠す

予約可能な時間帯への装飾を行いません

定員制スケジュールで設定できる項目

スロットのカラー

スロットの色や装飾を選択できます。

デフォルトのスロットカラー
スロットのデフォルトカラー設定

スロット(予約対象)作成時のデフォルの色設定です。

右端の(虹アイコンのそば)にある灰色の選択肢は、灰色の選択ではなく任意の色を選択できます。

ここでの設定はデフォルト色の設定です。
スロットの色は、そのスロットの詳細で個別に指定することができます。
スロットの編集ダイアログの右下にある、四角いアイコンをクリックすると色を選択できます。

スロットの色の設定

満員時のスロットカラー

満員の場合のスロット装飾設定
予約が満員となった時に装飾される柄を選択することができます。

Ownership indicator


自分の予約に対して装飾される柄を選択することができます。
他人の予約も見える場合など、自分の予約が視覚的に判別しやすくなります。

サービススケジュールで設定できる項目

予約のカラー

サービスのカラー設定

サービスごとに色を選択することができます。

右端の虹アイコンは、選択することで任意の色を指定することができます。

サービスリスト上でカラーを表示

スケジュールカレンダーの左に表示されるサービスリストに、それぞれのキーカラーが追加表示されます。

サービスのカラー設定

Ownership indicator


自分の予約に対して装飾される柄を選択することができます。
他人の予約も見える場合など、自分の予約が視覚的に判別しやすくなります。

空のセルの色

空のセルの柄設定
予約可能な時間帯に装飾される柄を選択することができます。


設定の変更を行う場合は、設定を保存をクリックして更新することを忘れないように注意しましょう。