ファンクション(スイッチ)
ファンクション(スイッチ)は、オン/オフの状態によって他の要素の位置・サイズ・表示/非表示を制御する特殊な要素です。 チェックボックスのように動作し、カード作成時にスイッチをオンにすると設定した変更が適用されます。 複数のレイアウトパターンや条件付き表示を実現できる高度な機能です。
フレーム設定
× 不可
※制御用要素のため
簡易編集ページ表示
✓ 表示
※チェックボックス
主な用途
レイアウト切り替え
要素の位置やサイズを変更して、異なるレイアウトパターンに切り替えられます。
要素の表示/非表示
特定の要素を条件付きで表示・非表示にできます。オプション要素の切り替えに便利です。
複雑な調整
複数の要素を同時に調整することで、テンプレートのバリエーションを作成できます。
設定可能な項目
基本設定
- ラベル:フィールドの名前（管理用・簡易編集ページでの表示）
オーバーライドターゲット
スイッチがオンの時に適用される変更を設定します。複数のターゲットを設定可能です。
- 対象要素:変更を適用する要素（複数選択可）
- プロパティ:X、Y、幅、高さ、幅と高さ（同時）から選択
- 加算値:元の値に加算する数値（マイナスで減算）
⚠️ 注意: スイッチは「加算方式」で動作します。例えばX座標に+50を設定すると、元の位置から50px右に移動します。
表示/非表示ターゲット
スイッチの状態によって要素の表示/非表示を切り替えます。
- 対象要素:表示/非表示を切り替える要素
- 条件:オン時に表示 / オフ時に表示 を選択
使用例
例1: オプション画像の表示切り替え
背景画像を表示するかどうかをユーザーが選択できるようにします。
- 表示/非表示ターゲットに背景画像要素を設定
- 「オン時に表示」を選択
- スイッチがオンの時のみ背景画像が表示されます
例2: レイアウトの切り替え
アイコンの有無によってテキストの位置を調整します。
- オーバーライドターゲットにテキスト要素を設定
- プロパティをXに設定し、加算値を+50に設定
- スイッチがオンの時、テキストが50px右に移動します
例3: 複数要素の同時調整
複数の要素を同時に移動させてレイアウトを変更します。
- 対象要素に複数の要素を選択
- プロパティをYに設定し、加算値を+30に設定
- すべての選択要素が30px下に移動します
💡 ヒント
- ファンクション(数値)と組み合わせて、より複雑な制御が可能です
- 複数のスイッチを使用して、様々なバリエーションを作成できます
- 表示/非表示とオーバーライドは同時に設定できます