Panelエレメントの追加.
色付きタイトルバーを持つ枠付きのボックスで、開館時間やお知らせなど関連するコンテンツをまとめます。ページ内の1つのブロックに独自の見出しと枠が必要なときに使います。
パネルの追加
ログインした状態でページを開きます。コンテンツエリアにカーソルを合わせると、ビルダーのコントロールが表示されます。基本操作は最初のページをご覧ください。
- カラムにカーソルを合わせ、コントロールバーの+をクリックします。空のページではAdd Elementsをクリックします。Contentタブを開き、Panelをクリックします。ダイアログなしでカラムの一番上に追加されます。
- パネルにカーソルを合わせ、コントロールバーのMoreをクリックしてSettingsを選びます。Titleを入力します。
- 色のTypeを選びます。DXPR、Default、Primary、Success、Info、Warning、Dangerから選びます。ここではPrimaryを選びます。
- ダイアログのSaveをクリックします。
- パネル本文内の+をクリックしてButtonを追加します。Contentタブから選びます。開館時間の記載などにはTextエレメントも使えます。次に、コンテンツエリア上部のツールバーにあるSaveをクリックして、ページを保存します。
表示内容
タイトルが色付きのタイトルバーに表示され、ボタンはその下のパネル本文に入ります。ボタンは独立したエレメントのため、個別に編集やスタイル設定ができます。動画では、Citizen Services Opening HoursというタイトルのPrimaryパネルに予約ボタンが入っています。ページを保存して公開すると、訪問者に表示されます。
パネルの設定
エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開きます。設定項目は次のとおりです。
- Title: タイトルバーのテキスト。空にするとタイトルバーのないパネルになります。
- Type: 境界線とタイトルバーの色。テーマから取得します。Default、Primary、Success、Info、Warning、Danger。初期値のDXPRは、代わりに明るいテキストの濃いボックスになります。
パネルはコンテナです。本文の中にテキスト、画像、アイコン、ボタンを追加したり、ドラッグしたりできます。
表示されない場合
- ContentタブにPanelがない。 ユーザープロファイルで非表示になっています。管理者に依頼して、Panel (Bootstrap 3)にElementsのUser Profilesでチェックを付けてもらいます。
- 再読み込み後に消えている。 ページが保存されていません。追加し直し、コンテンツエリア上部のツールバーにあるSaveをクリックします。
- パネルを追加しても設定ダイアログが開かない。 パネルはダイアログなしで追加されます。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開いてタイトルとタイプを設定します。
- パネルにタイトルバーしかなく下が空になっている。 まだ中にエレメントが追加されていません。パネル本文の+をクリックしてTextやButtonを追加します。
- タイトルバーがない。 Titleフィールドが空です。エレメントにカーソルを合わせ、コントロールバーのMore > Settingsを開いてタイトルを入力します。
次のステップ
Styleタブでパネルの間隔や背景を変更します。