[SP改] フォーム レイアウト デザイナー	クイックガイド

設定手順の流れ

フォーム レイアウト デザイナーを使ってリストフォームをカスタマイズする際、設定手順の流れは以下になります。

  1. フォーム レイアウト デザイナーのWSPファイル(ソリューションファイル)をインストール・展開
  2. サイトコレクションでフォーム レイアウト デザイナーの機能を有効化
  3. リストの設定画面から機能を有効化
  4. レイアウト テーブルを作成
  5. ドラッグ&ドロップでフィールドを配置
  6. 検証設定、ボタン、スタイルなどを設定
  7. 設定を保存

※フォーム レイアウト デザイナーのインストールおよびフォーム設定等の手順については、下記の管理者マニュアルおよびユーザーマニュアルをご参照ください。

※マニュアル類は、試用版ダウンロードページにあるフォーム レイアウト デザイナーのパッケージにも含まれています。

マニュアル ダウンロード

SharePoint2013対応版の管理者マニュアルおよびユーザーマニュアルをダウンロードいただけます。

各操作メニューとその機能

フォーム レイアウト デザイナー設定画面(クリックで拡大表示↓)

分類 メニュー 機能
機能の有効化/無効化 @このリストでフォーム レイアウト デザイナーを有効にする チェックボックスをオンにすると、このリストのフォーム レイアウト デザイナー機能が有効になります。
コンテンツタイプ Aコンテンツタイプ選択 プルダウンでレイアウトを作成するコンテンツタイプを選択します。
フォーム B表示フォームのレイアウトを全てのフォームで適用 チェックボックスをオンにすると、表示フォームで作成したレイアウトが新しいフォームと編集フォームに適用されます。
Cタブ レイアウトを作成する「表示フォーム」「新しいフォーム」「編集フォーム」をタブで選択します。
レイアウト テーブル D行の追加 「x / +」の「+」をクリックすると、下に行を追加できます。
E行の削除 「x / +」の「x」をクリックすると、行を削除できます。
F結合 複数のセルを選択して「結合」ボタンをクリックすると、セルを結合できます。
G横に分割 横に結合されたセルを選択して「横に分割」ボタンをクリックすると、セルが分割されます。
H縦に分割 縦に結合されたセルを選択して「縦に分割」ボタンをクリック数と、セルが分割されます。
デザイン Iスタイルを選択 区切り線はなくすべてのフィールドが背景色が白色となる「標準」か、区切り線が表示されフィールド タイトルの背景色がグレートなる「グレータイプ」かを選択できます。
Jその他スタイル 「その他スタイル」を選択し、カスタムCSSを適用することができます。
フィールド

※各フィールドは、ドラッグ&ドロップによりレイアウト テーブル内へ配置できます。
※レイアウト テーブルに配置したフィールド タイトルをダブルクリックすると、元の位置に戻ります。
Kフィールド タイトル リストの列名や添付ファイルが「フィールド タイトル」として表示されます。
フィールド タイトルは、初期状態では縦一列に並んでいます。
フォーム上では、フィールド タイトルの既定の背景色がグレーで、スタイルシートの設定により背景色の変更が可能です。
Lフィールド値 リストの列の値が「フィールド値」として表示されます。
フィールド値は、初期状態ではフィールド タイトルと同じように縦一列に並んでいます。
フォーム上では、フィールド値の背景色は白色です。
Mタイトル用テキスト タイトル用テキストには、任意の文字列を入力できます。
タイトル用テキストには、直接 HTML タグを入力することも可能です。
Nボタン設定 ボタンをクリックした時の処理をJavaScriptで記述することが可能です。
O添付ファイルフィールド 添付ファイルも他のフィールドと同じようにレイアウト テーブル内に配置したり、必須検証設定を行うこともできます。
検証設定 P必須検証設定 列の必須入力を検証し、エラーメッセージを設定できます。
Qパターン一致検証設定 入力された列の値をパターン(正規表現)で検証し、エラーメッセージを設定できます。
R範囲検証設定 入力された列の値の範囲(最小値、最大値)を検証し、エラーメッセージを設定できます。
列のタイプは、数値、文字数、日付に対応しています。
S比較検証設定 入力された列の値を他の列と比較して検証し、エラーメッセージを設定できます。
列のタイプは、数値、文字数、日付に対応しています。
基本操作 ㉑保存 「保存」ボタンをクリックすると、設定が保存されます。
㉒初期化 「初期化」ボタンをクリックすると、設定が初期化されます。
㉓エクスポート 「エクスポート」ボタンをクリックすると、フォーム レイアウトの設定情報がXML形式でダウンロードできます。
㉔インポート 「インポート」ボタンをクリックすると、フォーム レイアウトのXML形式の設定情報をインポートできます。
㉕キャンセル 「キャンセル」ボタンをすると、設定がキャンセルされます。
お問い合せ受付: 平日(月〜金)10:00〜19:00 (土、日、祝祭日、年末年始を除く)
お問い合わせ先
担当:木暮・城野

[SP改] フォーム レイアウト デザイナーの機能・価格等をご紹介します。

フォーム レイアウト デザイナーのデモサンプル一覧はこちらをご覧ください。

デモサンプルのチュートリアルページです。

「SP改シリーズ」の試用版はこちらからダウンロードできます。

「SP改シリーズ」一覧についてはこちらをご覧ください。

「SP改シリーズ」のFAQはこちらをご覧ください。

SharePointの専門的な技術調査から、ご要望に合わせた機能開発、UIデザインカスタマイズなどを行います。SP改のカスタマイズもご相談ください。

ニュースリリース書籍情報イベント情報採用情報サイトマップ