リスト入力フォームのカスタマイズ方法

0629-02.jpg0629-01.jpg

SharePoint Designerのデータビューを利用すると以下のページをカスタマイズをすることができます。

リスト:AllItems.aspx, DispForm.aspx,NewForm.aspx,EditForm.aspx

ライブラリ:AllItems.aspx, Upload.aspx,EditForm.aspx

以下、お客様リストというリストのNewForm.aspxをカスタマイズする方法を説明します。例えば、以下のような新規アイテム追加フォームであるNewForm.aspxをカスタマイズしてみます。

 
まずは、NewForm.aspxの代わりになるページを作成します。SharePointで利用するページはマスタページを参照している必要があるので、以下のようにフォルダの一覧から該当マスタページを選択し、右クリックから、マスタページから新規作成を選択します。

 
そうすると、以下のようなPlaceHolderをもつページができあがります。既定では、PlaceHolderは編集できないので、「>」からカスタムコンテンツの作成をクリックします。そうすると編集できるようになります。

 0629-03.jpg
カーソルをPlaceHolderの中を選択している状態で、メニューのデータビューデータソースの管理データソースライブラリからお客様リストを選択し、下図のようにデータの表示を選択します。

 0629-04.jpg
そうすると、下図のようなデータソースの詳細という画面に変わり、NewForm.aspxに存在していたプロパティを選択した状態で、選択したフィールドの挿入新しいアイテムのフォームを選択します。

 0629-05.jpg
そうすると、下図のような画面になるので、ここで、AddNewItem.aspxという名前を付けて、お客様リストのFormsフォルダの下に保存します。

 0629-06.jpg
そして、フォルダ一覧からお客様リストのプロパティを選択します。そして、プロパティ関連ファイルタブ新しいアイテムのフォームの参照先をAddNewItem.aspxに設定します。

 0629-07.jpg
この時点で、リストの新規コマンドをクリックすると、AddNewItem.aspxが参照されます。あとは、AddNewItem.aspxに色付けたり、並び順を変えたりすると以下のような入力フォームにカスタマイズできます!

 0629-08.jpg

Tags: ,

2 Responses to “リスト入力フォームのカスタマイズ方法”

  1. 1 + 半人前SharePointerのブログ » Blog Archive » MOSS で無理やり Rating Says:

    [...] る(フォームの作成・編集方法はこちら)。 [...]


  2. reconquistar Says:

    [...]the time to read or visit the content or sites we have linked to below the[...]…

    [...]here are some links to sites that we link to because we think they are worth visiting[...]…


Leave a Reply

*
画像に書かれた文字を入力してください

スパム対策用画像
ログインすると画像認証なしで投稿できます


ホットワード 入力 フォーム カスタマイズ 方法 background
割引クーポンまとめ情報 - クー割