SharePoint Online/SharePoint Server 2013 – アンケートの質問内で画像を利用したい

よくいただく質問から第4弾です。

■ 質問内容

        アンケートの質問内で画像とかハイパーリンクを利用したい

■ 回答

標準機能の範囲ではできませんが、簡単な JavaScript を入れることで質問内での画像の挿入やリンクの挿入は可能です。
さらに JavaScript を挿入した状態でリストテンプレート化することで、再利用もできます。

   下記リスト テンプレートはサンプルです。

      ・ SharePoint Online および SharePoint Server 2013 用 
      ・
SharePoint Server 2010 用

サンプルの リスト テンプレートについて

アンケートがベースになっており、質問内に画像の挿入や、ハイパーリンクの挿入が行える内容です
  image

■ サンプルのリスト テンプレート展開方法

 サイト コレクション内のリスト テンプレート ギャラリーに、上記よりダウンロードしたリスト テンプレートファイル (stp) をアップロードします。展開作業後、サイト コレクション内で利用可能です。

1.トップ レベル サイトのサイトの設定画面を開き、[Web デザイナー ギャラリー] 内の [リスト テンプレート] をクリックします
    image
2.リスト テンプレート ギャラリーが開いたら、ダウンロードしたリスト テンプレートファイル (stp) をアップロードします
     image

■ サンプルのリスト テンプレート 利用方法

リスト テンプレート ギャラリーに展開すると、そのサイト コレクション内の全サイトでアプリ作成時のテンプレートとして利用できます。
     image

1.追加したテンプレートを利用して、アンケートをサイト内に作成します
2.質問を作成する際に、下記を利用ください。
   ● 画像を質問内に挿入したい場合
     
あらかじめサイト内の任意の場所に画像ファイルをアップロードしておき、質問内に 
       startimg_画像ファイルパス_endimg  と入力
       image
   ● ハイパーリンクを質問内に挿入したい場合
      質問内に startlink_ハイパーリンク先_endlink と入力


 image

■ カスタマイズ内容について

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 両方に入れてくださいね。


 以上、奥田でした Bunny

広告

SharePoint Online/SharePoint Server 2013 – アンケートの質問内で画像を利用したい」への2件のフィードバック

  1. こんにちは。客先にてSharePoint2013を使用しています。リスト テンプレート ギャラリーにアップロードしたリストを使用して、「アプリの追加」をしようとしたのですが、注目アプリの3つしか表示されておらず、テンプレートが使えない状況に陥っています。。。何か制限設定されているのでしょうか?よろしければ教えて頂けないでしょうか。お願いいたします。

    返信する
    • こんにちは、ブログをご覧いただき、ありがとうございます。
      基本的にはブログ記事に直接関係しない質問は、ブログでは対応していないのですが。。
      気になったので返信させてください。

      アプリの追加を行ったときに、注目アプリしか表示されないとのことですが、確認ポイントは下記かと存じます。

      ・ カスタム マスターページを利用していないかどうか
      カスタム マスターページを適用しているサイトの場合、カスタム マスターページ内に、アプリ一覧を表示する ContentPlaceHolder が存在しないと、注目アプリ以下に表示されるはずのテンプレートが表示されないと思います。
      もしカスタム マスターページを適用している場合、可能であれば seattle に戻して再度、アプリの追加画面を確認されてみてください。

      ・ チームのグループ作業リスト サイト機能が非アクティブかされていないかどうか
      注目アプリは表示されているということですので、これはナイと思いますが、念のため。
      サイト機能の 「チームのグループ作業リスト」がアクティブになっていないサイトでは、表示されるテンプレートが少なくなります。

      以上ご確認くださいませ。

      返信する

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中