SharePoint Online/SharePoint Server – アンケートの質問内で画像を利用したい
よくいただく質問から第4弾です。
■ 質問内容
アンケートの質問内で画像とかハイパーリンクを利用したい
■ 回答
標準機能の範囲ではできませんが、簡単な JavaScript を入れることで質問内での画像の挿入やリンクの挿入は可能です。
さらに JavaScript を挿入した状態でリストテンプレート化することで、再利用もできます。
下記リスト テンプレートはサンプルです。
・ SharePoint Online および SharePoint Server 2013 用
・ SharePoint Server 2010 用
サンプルの リスト テンプレートについて
アンケートがベースになっており、質問内に画像の挿入や、ハイパーリンクの挿入が行える内容です。
■ サンプルのリスト テンプレート展開方法
サイト コレクション内のリスト テンプレート ギャラリーに、上記よりダウンロードしたリスト テンプレートファイル (stp) をアップロードします。展開作業後、サイト コレクション内で利用可能です。
1.トップ レベル サイトのサイトの設定画面を開き、[Web デザイナー ギャラリー] 内の [リスト テンプレート] をクリックします。
2.リスト テンプレート ギャラリーが開いたら、ダウンロードしたリスト テンプレートファイル (stp) をアップロードします。
■ サンプルのリスト テンプレート 利用方法
リスト テンプレート ギャラリーに展開すると、そのサイト コレクション内の全サイトでアプリ作成時のテンプレートとして利用できます。
1.追加したテンプレートを利用して、アンケートをサイト内に作成します。
2.質問を作成する際に、下記を利用ください。
● 画像を質問内に挿入したい場合
あらかじめサイト内の任意の場所に画像ファイルをアップロードしておき、質問内に
startimg_画像ファイルパス_endimg と入力
● ハイパーリンクを質問内に挿入したい場合
質問内に startlink_ハイパーリンク先_endlink と入力
■ カスタマイズ内容について
SharePoint Designer を利用し、NewForm.aspx および EditForm.aspx に JavaScript を挿入しています。質問文章内の下記文字列を次のように変換しているだけです。
・ startimg_ → <img src=
・ _endimg → />
・ startlink_ → <a href=”
・ _endlink → “ target=”_blank”>クリックして開く</a>
サンプルなので、あんまり細かいところまで作りこんでいません。
たとえば、1質問内に画像やハイパーリンクはそれぞれ1つずつしか挿入できないです。
あと DispForm.aspx はカスタマイズしていないので、回答内容を表示する画面では画像やハイパーリンクには置き換わりません。そのあたりも対応してみたい場合や、画像やハイパーリンクだけではなく、それ以外の要素を含めたい場合は SharePoint Designer で JavaScript を編集してください。
NewForm.aspx は新規で回答する際の回答フォームです。EditForm.aspx は再編集する際の回答フォームであり、新規で回答する際にも、[ページ区切り] を利用している場合は2ページ目以降の回答フォームとして利用されています。JavaScript 内容をご自身でさらに変更加える際には、同じコードを NewForm.aspx および EditForm.aspx 両方に入れてくださいね。
以上、奥田でした