ここでは「スマートデザイン機能」で利用できる「エディタ」について説明します。
スマートデザインではエディタ画面のレイアウトをドラッグ＆ドロップで簡単に編集することができます。
また、各項目の表示に関するオプションをダイアログで個別に変更することも可能です。
■制限事項
スマートデザインで編集できる画面は「全般」タブのみです。追加したタブに配置した項目は編集できません。
「コメント項目」はスマートデザインのエディタから編集できませんので必要な場合はテーブルの管理から設定してください。
テーブル管理 > エディタの「選択肢一覧」にある追加項目（分類/数値/日付/説明/チェック/添付ファイル）はスマートデザインから呼び出されると設定内容がリセットされます。
追加項目をエディタのレイアウトから削除すると設定内容がリセットされます。
その他「スマートデザイン機能：スマートデザイン」に記載の制限事項も併せて参照ください。
■画面の説明
ドラッガブルエリア
1. エディタの項目一覧
画面左の項目を選択し右のレイアウトエリアにドラッグ＆ドロップすることでエディタに配置することが可能です。
項目のグループ名はアコーディオンボタンになっており展開することで配置可能な項目が展開されます。
各グループの詳細は以下のとおりです。
| 項目グループ名 | 説明 |
|---|---|
| 基本項目 | サイトを構成する基本的な項目 |
| 追加項目 | 分類/数値/日付/説明/チェック/添付ファイル項目 |
| リンクテーブル | サイトにリンクが紐づけられている場合にリンクのテーブルを配置できます |
| その他 | 見出しと、項目の設定「回り込みしない」を改行として配置できます |
2. レイアウトエリア
画面右側にアプリのエディタ画面に配置されている項目がカード型のユニットでレイアウトされます。
配置済みの項目カードはドラッグ＆ドロップで自由に並び替えることが可能です。
各種項目カード
配置済みの項目カードの表示構成です。
| 項目 | 説明 |
|---|---|
| 表示名 | 配置された項目の表示名 |
| 編集ボタン | 項目の設定を変更する編集ダイアログを表示するボタン |
| タグ | 一部の設定のオプション値を表示 ※詳しくは下記のタグ一覧をご確認ください |
タグ
| タグ | 説明 |
|---|---|
| 入力必須 | 入力必須がチェックされている場合に表示 |
| 読取専用 | 読取専用がチェックされている場合に表示 |
| 項目グループ | 画面右側の一覧に属しているグループ名 |
| カラム名 | 「タイトル」「分類A」等、項目のオリジナルのカラム名 |
| コントロール種別 | 分類項目（ドロップダウンリスト / ラジオボタン）と数値項目（スピナー）のコントロール種別の値 |
| マークダウン | 説明項目のスタイルがマークダウンの場合に表示 |
| 日付の書式 | 日付項目のエディタの書式の値 |
| リンク先サイトID | リンクテーブルに紐づいているリンク先のサイトID |
| リンク元サイトID | リンクテーブルに紐づいているリンク元のサイトID |
項目編集ダイアログ
項目カードの「編集ボタン」から編集ダイアログを呼び出し、設定の変更や、配置した項目を削除することができます。
以下は項目編集ダイアログの表示構成です。
| 項目 | 説明 |
|---|---|
| ヘッダー | 項目のオリジナルのカラム名を表示 |
| 設定エリア | 項目の設定を編集 |
| 簡易プレビュー | 編集した内容で入力フォームのUIをリアルタイムでプレビュー |
| 閉じる/戻るボタン | 編集ダイアログを閉じる |
| 更新ボタン | 編集した内容で項目カードを更新 |
| 削除ボタン | 選択した項目カードをレイアウトから削除 |
■操作方法
項目の配置・並び替え
スマートデザイン起動時に現在のテーブル管理 > エディタの構成を表示します。
画面左の項目一覧から必要な項目をドロップ操作でエディタに配置することができ、 配置済みの項目も自由に並び替えられるので直感的にエディタ画面のレイアウトを設計することが可能です。
＜POINT＞
以前に設定を変更した追加項目をレイアウトエリアに配置すると変更内容がリセットされますのでご注意ください。
項目の編集
配置した項目カードの編集ボタンから項目編集ダイアログを呼び出すことができます。
ダイアログ内では簡易的なプレビューを確認しながら設定を変更することが可能です。
変更した内容は「更新ボタン」を押下すると項目カードに反映します。
項目をレイアウトから削除
項目カードをレイアウトから削除したい場合は編集ダイアログの下の削除ボタンから操作可能です。
「基本項目 / リンクテーブル」の項目は設定内容を保持したまま項目一覧に返却、「追加項目 / その他」の項目の設定内容はリセットされます。
＜POINT＞
リンクに紐づいた分類項目を削除するとリンクテーブルも削除されますのでご注意ください。
設定できる項目の種類
スマートデザインでは入力フォームのレイアウトや基本的な入力制限（入力必須、読取専用、最大文字数など）の設定のみを行うことができます。
＜POINT＞
各項目の詳細は以下ページを参照ください。
テーブルの管理：エディタ
└入力項目について
| 名称 | 概要 | 備考 |
|---|---|---|
| ID | レコードの一意なIDを格納する項目。読取専用 | 期限付きテーブル、記録テーブルでデフォルト設定 |
| バージョン | レコードのバージョン番号を格納する項目。読取専用 | 期限付きテーブル、記録テーブルでデフォルト設定 |
| タイトル | レコードを識別するためのタイトルを格納する「入力項目」。期限付きテーブル、記録テーブルでデフォルト設定 | |
| 内容 | レコードの内容をフリーテキストで文字列を入力可能な「入力項目」 | 期限付きテーブル、記録テーブルでデフォルト設定 |
| 開始 | レコードの「開始日時」を格納する「入力項目」 | 期限付きテーブルでデフォルト設定、記録テーブルでは設定不可 |
| 完了 | レコードの期限を示す「完了日時」を格納する「入力項目」 | 期限付きテーブルでデフォルト設定、記録テーブルでは設定不可 |
| 作業量 | レコードの「作業量」を格納する「入力項目」 | 期限付きテーブルでデフォルト設定、記録テーブルでは設定不可 |
| 進捗率 | レコードの「進捗率」を0～100%のパーセンテージで格納する「入力項目」 | 期限付きテーブルでデフォルト設定、記録テーブルでは設定不可 |
| 残作業量 | レコードの「作業量」と「進捗率」から「残作業量」を自動計算する項目。読取専用 | 期限付きテーブルでデフォルト設定、記録テーブルでは設定不可 |
| 状況 |
レコードの「状況」（ステータス）を格納する「入力項目」 |
期限付きテーブル、記録テーブルでデフォルト設定 |
| 管理者 | レコードの「管理者」を格納する「入力項目」 | 期限付きテーブル、記録テーブルでデフォルト設定 |
| 担当者 | レコードの「担当者」を格納する「入力項目」 | 期限付きテーブル、記録テーブルでデフォルト設定 |
| ロック | レコードのロックを行うための「入力項目」 | 期限付きテーブル、記録テーブルでデフォルト設定 |
| 分類 | 選択肢一覧からの選択形式、またはフリーテキスト形式の「入力項目」 | |
| 数値 | フリーテキストで数値を入力可能な「入力項目」 | |
| 日付 | フリーテキストまたはカレンダーから日付と時刻を入力可能な「入力項目」 | |
| 説明 | フリーテキストで文字列を入力可能な「入力項目」。マークダウンを利用した入力や画像の登録が可能 | |
| チェック | チェックボックスの「入力項目」 | |
| 添付ファイル | 添付ファイルをアップロード/ダウンロード可能な「入力項目」 | |
| リンクテーブル | サイトに紐づいたリンクのテーブル ※下記参照 |
リンクが設定されてない場合は非表示 |
| 見出し | エディタのレイアウトを整理する見出し項目 | 詳細モーダルで編集可能 |
| 改行 | 詳細設定「回り込みしない」を改行として項目化 |