SharePoint Designer でデータ ビューとフォームをカスタマイズする

重要:  この記事は機械翻訳されています。機械翻訳についての「免責事項」をお読みください。この記事の英語版を参照するには、ここをクリックしてください。

データ ビューは、データ ソースのカスタマイズ可能なライブ ビューです。SharePoint Designer 2010 では、データ ソースのデータを拡張マークアップ言語 (XML) 形式で取得し、取得したデータを Extensible Stylesheet Language Transformation (XSLT) を使用して表示することができます。データ ビューには、SharePoint リストやライブラリ、データベース クエリ、XML ドキュメント、Web サービス、サーバーサイド スクリプトなど、さまざまなデータ ソースのデータを表示できます。SharePoint Designer 2010 では、データ ビューを追加およびカスタマイズできます。

SharePoint Designer 2010 では、以下の多彩なツールを使用してリストやデータ ビューをカスタマイズできます。

SharePoint Designer 2010 でサイトを開く

SharePoint Designer 2010 の WYSIWYG ツールを使用すると、拡張スタイルシート言語 (XSL) がページ内に直接挿入されるので、XSL の知識がなくてもデータ ビューを簡単にカスタマイズできます。ただし、SharePoint Designer 2010 のコード ビューを使用すれば、いつでも直接 XSL を編集してカスタマイズできます。

SharePoint Designer 2010 では、いくつかの方法でビューとフォームを作成できます。たとえば、SharePoint リストやライブラリに関連付けられたリスト ビューを作成したり、データ ビューを作成して同じリストまたは別のデータ ソースに関連付けたり、データ ビューをページに追加して各フィールドをフォームとして挿入したりできます。ビューとフォームの作成の詳細については、[参照] セクションのリンク先を参照してください。

結果として、ページにはリスト ビュー (XSLT リスト ビュー Web パーツ) とデータ ビュー (データ フォーム Web パーツ) が混在することになります。リスト ビューとデータ ビューには相違点がありますが、同じような方法でカスタマイズできます。たとえば、SharePoint Designer 2010 のツールで列の追加や削除、フィルターの適用、フィールドの並べ替えやグループ化、条件付き書式の設定などができます。

この記事では、SharePoint Designer 2010 でリスト ビューやデータ ビューをカスタマイズする最も一般的な方法について説明します。

この記事の内容

リストを開くと、データ ビュー

追加、削除、および列を並べ替える

並べ替えとグループ

フィルター

条件付き書式

ページング

インライン編集を有効にします。

非同期更新を有効にします。

ツールバーのオプションを追加します。

ビューのスタイルを適用します。

その他のカスタマイズ オプション

リストビューやデータ ビューを開く

SharePoint Designer 2010 では、この記事の最初に説明したように、リスト ビューやデータ ビューをいくつかの方法で作成して開くことができます。たとえば、現在関連付けられているリストやライブラリからリスト ビューを開いたり、サイト ページからデータ ビューを開いたりできます。どちらのオプションもナビゲーション メニューから使用できます。メニューには、リストやライブラリだけでなく、他の関連付けられたデータ ソースも表示されます。SharePoint Designer 2010 でリスト ビューやデータ ビューを開くには、次のいずれかの方法を使用します。

SharePoint Designer 2010 でサイトを開く

リストに関連付けられたリスト ビューを開くには

  1. SharePoint Designer 2010 でサイトを開きます。

  2. ナビゲーション ウィンドウの [リストとライブラリ] をクリックします。

  3. リスト ビューを含むリストを開きます。

  4. [オプション] タブをクリックし、ビュー編集オプションを使用してリスト ビューをカスタマイズします。

    注: 必要に応じて、最初にビュー内をクリックして SharePoint Designer 2010 のビュー編集オプションを表示します。

サイト ページからデータ ビューまたはリスト ビューを開くには

  1. SharePoint Designer 2010 でサイトを開きます。

  2. ナビゲーション ウィンドウで、[サイト ページ] をクリックします。

  3. データ ビューまたはリスト ビューを含むページを開きます。

  4. [オプション] タブをクリックし、ビュー編集オプションを使用してリスト ビューまたはデータ ビューをカスタマイズします。

    注: 必要に応じて、最初にビュー内をクリックして SharePoint Designer 2010 のビュー編集オプションを表示します。

以下の説明では、以上のような手順を使用して編集対象のビューを開いていることを前提とします。

ページの先頭へ

列の追加、削除、および並べ替えを行う

通常、データ ビューでは最初の操作として列を追加または削除します。データ ビューで列を変更することで、データ ビューに表示されるフィールドを追加、削除、または並べ替えていることになります。行または列が表示されているかどうかに関わらず、[列の編集] ダイアログ ボックスを使用して列の追加、削除、または並べ替えを行います。[テーブル] タブのテーブル編集コマンドを使用して列を変更することもできます。テーブルのレイアウトについては、後で説明します。

注: [列の編集] コマンドは、データ ビューに HTML テーブルのデータが表示されている場合のみ使用できます。

リスト ビューやデータ ビューの列の追加、削除、および並べ替えを行うには、次の手順を実行します。

  1. ビューで [ SharePoint Designer 2010で開き、[オプション] タブの [をクリックして SharePoint Designer 2010 でサイトを開く列の追加/削除] をクリックします。

    注: [列の編集] コマンドは、値が 1 より大きい rowspan 属性または colspan 属性を使用する HTML テーブルにデータ ビューがある場合は使用できません。

  2. 列の編集] ダイアログ ボックスが開きます。
    SharePoint Designer 2010 でサイトを開く

  3. 次のいずれかの操作を行います。

    • 列を追加するには、[利用可能なフィールド] ボックスの一覧でデータ ビューに含めるフィールドを選択し、[追加] をクリックします。

    • 複数のフィールドを一度に選択するには、Ctrl キーを押しながらフィールドをクリックします。

    • 既存の列を削除するには、[表示される列] ボックスの一覧で列を選択し、[削除] をクリックします。

    • 複数のフィールドを一度に選択するには、Ctrl キーを押しながらフィールドをクリックします。

    • 列を並べ替えるには、[表示される列] ボックスの一覧で列を選択し、[上へ移動] または [下へ移動] をクリックします。

  4. [OK] をクリックして、変更内容をビューに適用します。

注:  [列の編集] ダイアログ ボックスには、データ ビューのデータ ソース クエリに含まれているフィールドのみが表示されます。実際のデータ ソースには、追加のフィールドも含まれている場合があります。追加のフィールドを含めるには、データ ソース クエリを更新する必要があります。

データ ビューの詳細については、[参照] セクションのリンク先を参照してください。

ページの先頭へ

並べ替えとグループ化を行う

データ ビューでデータを並べ替えるときは、簡単にして、サイトの閲覧者、データを理解するされるように表示されるデータの順序を変更します。並べ替えの例には、アルファベットと数字の順序付けします。注文SharePoint Designer 2010で[並べ替えの編集] ダイアログ ボックスを使用してその他の並べ替えを作成できます。

並べ替えに加えて、データのグループ化を行うこともできます。フィールドを並べ替えてグループ化し、ヘッダーやフッターを表示したり、グループを既定で展開するか折りたたむかを選択したりできます。ビューをページングするときにグループを維持し、グループ単位で列名や集計を表示することもできます。

リスト ビューまたはデータ ビューの列を並べ替えるには

ビューで [ SharePoint Designer 2010の開き、[オプション] タブをクリックして SharePoint Designer 2010 でサイトを開く並べ替えとグループ] をクリックします。

並べ替えとグループのダイアログ ボックスが開きます。
SharePoint Designer 2010 でサイトを開く

  1. [利用可能なフィールド] ボックスの一覧で、並べ替えるフィールドをクリックし、[追加] をクリックします。

  2. [並べ替えのプロパティ] で、フィールドを並べ替える方法として、[昇順] (小さい値から大きい値への順) または [降順] (大きい値から小さい値への順) を選択します。

    昇順または降順の並べ替え順序] ボックスの一覧内のフィールドをダブルクリックするだけで並べ替え順序を変更することもできます。

  3. 昇順または降順より高度な並べ替えを使用して、並べ替え式の編集] をクリックします。XPath 式を使用して並べ替え順序をカスタマイズする[並べ替えの編集] ダイアログ ボックスが開きます。高度なリストと XPath 式を使用してデータ ビューのカスタマイズの詳細について説明します。

  4. 複数のフィールドを並べ替えるには、[利用可能なフィールド] ボックスの一覧で複数のフィールドを選択し、並べ替え順序に追加します。

    複数のフィールドを並べ替え順序に追加して、最初に並べ替えるフィールドを変更する場合は、[並べ替え順序] ボックスの一覧でフィールドを選択し、[上へ移動] または [下へ移動] をクリックします。

    [OK] をクリックして、変更内容をビューに適用します。

リスト ビューまたはデータ ビューの列をグループ化するには

ビューで [ SharePoint Designer 2010の開き、[オプション] タブをクリックして 並べ替えとグループ化並べ替えとグループ] をクリックします。

  1. [並べ替えとグループ] ダイアログ ボックスが開きます。
    SharePoint Designer 2010 でサイトを開く

  2. [並べ替え順序] ボックスの一覧で、グループ化するフィールドをクリックします。
    並べ替え順序の各フィールドには、個々のグループ化のプロパティを適用できます。グループ化のプロパティを適用する前に、必要なフィールドを選択していることを確認してください。

  3. 各グループの先頭にヘッダーを表示するには、[グループ化のプロパティ] の [グループ ヘッダーを表示する] チェック ボックスをオンにし、次のいずれかの操作を行います。

    1. ビューのグループを既定で展開して表示するには、[既定でグループを展開する] をクリックします。

    2. データ ビューのグループを既定で折りたたんで表示するには、[既定でグループを折りたたむ] をクリックします。

  4. 残りのオプションは、データ ビューにのみ適用され、リスト ビューには適用されません。リスト ビューとデータ ビューの相違点の詳細については、[参照] セクションのリンク先を参照してください。

  5. 各グループの末尾に、そのグループにあるレコードの数を示すフッターを表示するには、[グループ フッターを表示する] チェック ボックスをオンにします。

  6. [グループ ヘッダーを表示する] チェック ボックスまたは [グループ フッターを表示する] チェック ボックスのいずれかをオンにすると、[グループ化の詳細設定] ボタンが使用可能になります。

  7. [グループ化の詳細設定] をクリックします。このオプションは、[グループ ヘッダーを表示する] チェック ボックスまたは [グループ フッターを表示する] チェック ボックスをオンにすると使用可能になります。

  8. 次のいずれかの操作を行います。

    • リスト内の個々のレコードを非表示にするには、[グループの詳細を常に非表示にする] チェック ボックスをオンにします。

    • グループ内のすべてのアイテムを 1 ページに表示するには、アイテムの合計数がリストに指定された表示数を超える場合でも、[ページング時にグループを維持する] チェック ボックスをオンにします。

    • 列名が表示される行を各グループに挿入するには、[列名をグループ別に表示する] チェック ボックスをオンにします。

    • 各グループ内のレコードの合計数が表示される行を各グループに挿入するには、[列の合計をグループ別に表示する] チェック ボックスをオンにします。

サイトのユーザーがブラウザーを通じてデータの並べ替えやグループ化をできるようにするには、後で説明するようにビューにツール バーを追加します。

ページの先頭へ

フィルターを適用する

ビューにフィルターを適用し、特定の条件を満たすデータのみリスト ビューやデータ ビューに表示できます。数百や数千のレコードがあるビューでは、フィルターを使用するとデータを読み取りやすくなります。フィルターを作成する場合、データに適用する式を構築します。式は、主にフィールド名 (フィルターを適用するフィールドの名前)、演算子 (値に適用するルール)、および値 (必要なデータ) で構成します。

リスト ビューまたはデータ ビューにフィルターを適用するには、次の手順を実行します。

  1. 自分のビュー SharePoint Designer 2010で開く、[オプション] タブをクリックしておよびフィルター SharePoint Designer 2010 でサイトを開く ] をクリックします。

  2. [フィルター条件] ダイアログ ボックスが開きます。
    SharePoint Designer 2010 でサイトを開く

  3. [フィールド名] ボックスの一覧で、必要な値を含むフィールドをクリックします。

  4. [比較] ボックスをクリックし、必要な演算子をクリックします。

  5. [] ボックスをクリックし、必要な条件を選択または入力します。

  6. フィルターに別の条件節を追加するには、既存の条件節の最後にある [AND/OR] ボックスをクリックし、次の操作を行います。

    1. 両方の条件節を満たすデータを抽出するフィルターを作成するには、[AND] をクリックします。

    2. いずれか一方の条件節を満たすデータだけを抽出するフィルターを作成するには、[OR] をクリックします。

  7. [新しい条件節を追加するにはここをクリックします] をクリックします。

  8. 手順 3. ~ 6. を繰り返して、このフィルターに追加する条件節を作成します。

  9. データ ビューで作業しているして高度な条件を使用して、 XSLT フィルターの追加] ボックスをオンして、[編集] をクリックします。
    XPath 式を使用して並べ替え順序をカスタマイズする条件の詳細設定] ダイアログ ボックスが開きます。

  10. [OK] をクリックします。

サイトの訪問者がブラウザーを通じてデータの並べ替えやグループ化をできるようにするには、後で説明するようにビューにツール バーを追加します。ただし、ブラウザーを通じて適用するフィルターは、データのプレゼンテーションにのみ影響し、ビューで使用可能なデータの量は制限されません。

注:  データ ビューにフィルターを適用すると、パフォーマンスに影響する場合があります。フィルターの適用先が管理可能なデータの範囲であることが重要です。[フィルター条件] ダイアログ ボックスの基本的なフィルターの場合は、フィルターの適用後にデータが返されます。一方、データ ビューで使用できる [フィルターの詳細設定] オプションの場合は、データが返された後の XSLT プレゼンテーションにフィルターが適用されます。

ページの先頭へ

条件付き書式を設定する

条件付き書式を使用すると、データが指定した条件を満たした場合に、選択した HTML タグやデータ値に対して書式設定されたテキスト、背景色、カスタム アイコンなどを適用できます。また、HTML タグやデータ値を表示または非表示にする条件を設定することもできます。条件付き書式は、データ ビューのアイテムを強調表示してユーザーの対応を促す場合に便利です。たとえば、期限切れの作業、予算超過したプロジェクト、不足している補給品などを強調表示することができます。

リスト ビューやデータ ビューに条件付き書式を適用するには、次の手順を実行します。

SharePoint Designer 2010 でビューを開いた状態で、条件付き書式を適用する行または列をクリックします。

  1. [オプション] タブをクリックし、[フィルター SharePoint Designer 2010 でサイトを開く ] をクリックして、次のいずれかを選びます。

  2. [コンテンツの表示] では、指定した条件を満たすデータをビューに表示します。

  3. [コンテンツを表示しない] では、指定した条件を満たすデータをビューに表示しません。

  4. [行の書式設定] では、指定した条件を満たす行に書式設定を適用します。

  5. [列の書式設定] では、指定した条件を満たす列に書式設定を適用します。

  6. [選択対象の書式設定] では、指定した条件を満たす選択対象に書式設定を適用します。このオプションを使用する前にデータ ビューの一部を選択して強調表示する必要があります。

    [コンテンツの表示] オプションと [コンテンツを表示しない] オプションでは、選択した HTML タグやデータ値の表示/非表示を切り替えます。書式設定オプションでは、選択した HTML タグやデータ値にスタイルを適用します。

  7. [条件の抽出条件] ダイアログ ボックスが開きます。
    SharePoint Designer 2010 でサイトを開く

  8. [フィールド名] ボックスの一覧で、必要な値を含むフィールドをクリックします。

  9. [比較] ボックスをクリックし、必要な演算子をクリックします。

  10. [] ボックスをクリックし、必要な条件を選択または入力します。

  11. ビューの高度な条件を使用するには、詳細設定をクリックします。
    XPath 式を使用して並べ替え順序をカスタマイズする条件の詳細設定] ダイアログ ボックスが開きます。

  12. 条件基準に別の条件節を追加するには、既存の条件節の最後にある [AND/OR] ボックスをクリックし、次の操作を行います。

    • 両方の条件節を満たすデータを抽出する条件基準を作成するには、[AND] をクリックします。

    • いずれか一方の条件節を満たすデータだけを抽出する条件基準を作成するには、[OR] をクリックします。

  13. 既存の条件節の下に表示される [新しい条件節を追加するにはここをクリックします] をクリックします。

  14. 手順 4. ~ 7. を繰り返して、条件基準に追加する条件節を作成します。

  15. 条件を使用してデータを表示または非表示にする場合は、[OK] をクリックしてダイアログ ボックスを閉じます。条件に特別な書式設定を適用する場合は、[スタイルの設定] をクリックします。

  16. [スタイルの変更] ダイアログ ボックスが開きます。
    SharePoint Designer 2010 でサイトを開く

  17. データ ビューに適用する書式設定オプションを選択します。
    たとえば、テキストを太字にして背景を黄色にするには、[フォント太さ] ボックスの一覧の [太字] を選択します。次に、[カテゴリ] の [背景] をクリックし、[背景色] ボックスの一覧の [] を選択するか、黄のバリエーションを選択します。

  18. [OK] をクリックします。

リスト ビューとデータ ビューにはライブ データが表示されるので、条件付き書式設定が即座に適用されたことをデザイン ビューで確認できます。

ページの先頭へ

ページングを設定する

ページングを使用すると、リスト ビューまたはデータ ビューのページごとに表示するレコード数を変更できます。たとえば、アイテムを 5、10 などの特定数ずつページに表示するよう設定できます。サイトの訪問者は、ブラウザーに表示される [戻る] リンクと [次へ] リンクを使用してビュー間を移動できます。また、ビューに表示するアイテムの上限数を 5、10 などの一定数に設定することもできます。

リスト ビューまたはデータ ビューにページングの値を追加するには、次の手順を実行します。

自分のビュー SharePoint Designer 2010で開く、[オプション] タブをクリックしておよびページング SharePoint Designer 2010 でサイトを開く ] をクリックします。

  1. ページング オプションのいずれかを選択します。

    1. 特定数の [アイテムずつ表示]: アイテムを 1、5、10、または 30 ずつ表示するかどうかを選択します。

      このオプションを選択すると、このオプションで指定した数よりレコードの総数が多い場合にナビゲーション リンクがビューに表示されます。

    2. 特定数の [アイテムに制限]: ビューに表示するアイテムの最大数として 1、5、10、または 30 を選択します。

  2. データ ビューのページングにカスタム値を指定する場合は、[その他のページング オプション] を選択します。

  3. データ ビューのプロパティ] ダイアログ ボックスが開きます。
    SharePoint Designer 2010 でサイトを開く

  4. [ページング] タブで、次のいずれかのオプションをクリックします。

    • [指定したサイズ単位でアイテムを表示する] を選択し、ボックス内に数字を指定します。
      このオプションの既定値は、データ ビューのレコード数が 25 件以上の場合は 10、データ ビューのレコード数が 25 件未満の場合は 6 です。

    • [表示するアイテム数を次の数に制限する] を選択し、ボックス内に数字を指定します。
      このフィールドの既定値は 100 です。

  5. [OK] をクリックします。

Web ページにビューに表示されるレコード数を変更するには、に加えて、 SharePoint Designer 2010のデザイン ビューに表示されるレコード数を変更できます。ビューがレコード数を表示する方法を表示するときに、これを行うことがあります。デザイン ビューでレコードの数を変更するには、[デザイン] タブをクリックし、[プレビュー ] グループで、利用可能なデータ ビューのプレビューのいずれかを選択します。

ページの先頭へ

インライン編集を有効にする

インライン編集を有効にすると、サイトの訪問者はページから移動したり新しいウィンドウを開いたりすることなく、各レコードをビューのコンテキスト内で簡単に編集できます。データ ビューの列や行の横にある編集ボタンをクリックするだけで、各フィールドが編集可能になります。各レコードでは、テキスト ボックス、メニュー、およびフィールド コントロールを、新しいアイテムのフォームやアイテムを編集するフォームで使用する場合と同じように使用できます。インライン編集では、1 か所でビューとフォームの両方のメリットを活かすことができます。

リスト ビューまたはデータ ビューでインライン編集を有効にするには、次の手順を実行します。

ビュー SharePoint Designer 2010で開く、およびオプション] タブをクリックし、[インライン編集 SharePoint Designer 2010 でサイトを開く ] をクリックします。
リスト ビューのこのにより新しいサイトの閲覧者が [リンクの編集に使用、作成し、レコードを編集します。

  1. データ ビューの場合は、次のインライン編集オプションのいずれか、またはすべてを選択します。

    1. [アイテム編集のリンクを表示する]: 編集リンクを有効にします。ユーザーは、このリンクをクリックしてレコードをインラインで編集できます。

    2. [アイテム挿入のリンクを表示する]: 挿入リンクを有効にします。ユーザーは、このリンクをクリックして新しいレコードをインラインで作成できます。

    3. [アイテム削除のリンクを表示する]: 削除リンクを有効にします。ユーザーは、このリンクをクリックして新しいレコードをインラインで削除できます。

  2. 変更内容をリスト ビューまたはデータ ビューに保存します。

リスト ビューでは、次回の行または列を上に hover、ブラウザーでビューを開くボタンが表示を編集する SharePoint Designer 2010 でサイトを開く します。データ ビューの場合は、それぞれの行または列の横にある、[編集] リンクを参照してください。

リンクをクリックし、次に示すようにレコードの行または列のインライン編集を開始します。

SharePoint Designer 2010 でサイトを開く

ページの先頭へ

非同期更新を有効にする

非同期更新は、ASP.NET AJAX プラットフォームの中心的なコンポーネントです。サイトのリスト ビューやデータ ビューで非同期更新を有効にすることができます。非同期更新を有効にすると、リスト ビューやデータ ビューではサーバーからデータをリアルタイムに取得し、ユーザーがページを更新しなくてもブラウザーに最新のデータが反映されます。非同期更新を使用したリスト ビューやデータ ビューは、データが豊富でダイナミックな Web ページやダッシュボードに最適です。

注:  非同期更新を無効にするにはサーバーの全体管理を使用します。このオプションが使用できない場合は、サーバー管理者にお問い合わせください。

.

SharePoint Designer 2010 でビューを開いた状態で、[オプション] タブをクリックし、[非同期更新] チェック ボックスをオンにします。

ビュー SharePoint Designer 2010で開く、および [オプション] タブをクリックし、非同期更新チェック ボックスをオンします。
SharePoint Designer 2010 でサイトを開く

  1. ページに、[更新] ボタンを追加、 [更新]ボックスをオンにします。
    これにより、サイトの閲覧者は、[更新] ボタン SharePoint Designer 2010 でサイトを開く ページを手動で更新する] をクリックします。

  2. 更新間隔を選択: 15 秒後、30 秒間または 60 秒です。

  3. その他のカスタマイズ オプション

ページの先頭へ

ビューのデータ ソースとしてリストやライブラリを使用している場合は、ビューに SharePoint リストのツール バーを追加すると、元のリストやライブラリをより効率的に操作できます。SharePoint リストのツール バーは、リストやライブラリの上部に表示されるメニュー バーで、そのリストやライブラリを操作するためのさまざまなオプションがあります。2 種類のツール バーを追加できます。

[SharePoint ツール バー] では、新しいアイテムの追加、ビューや列の作成、リストのプロパティの編集などを行うリスト編集オプションを使用できます。

  • [グループ化ツール バー] では、フィルター、並べ替え、グループ化を変更するなどのリスト表示オプションを使用できます。

  • リスト ビューまたはデータ ビューにツール バーを追加するには、次の手順を実行します。

SharePoint Designer 2010 でビューを開いた状態で、[デザイン] タブをクリックし、[オプション] をクリックします。

ビューで [ SharePoint Designer 2010で開き、[デザイン] タブの [をクリックして SharePoint Designer 2010 でサイトを開くオプション] をクリックします。

  1. リスト表示オプションを使用できるツール バーを追加するには、[グループ化ツール バー] をクリックします。

  2. ツールバーを追加するにはオプションを表示する] ボックスの一覧で、ツールバーのグループ化] をクリックします。

    注: ツールバーでは、クエリ レベルではなくプレゼンテーション ビューのフィルターを適用します。などを使用するようにこのプライマリすれば、ビューをフィルター処理のことを意味します。そのため、この記事で説明したようにフィルターを使用してください。

  3. 変更内容をリスト ビューまたはデータ ビューに保存します。

  4. ブラウザーでビューを開くと、ページの上部にツール バーが表示されます。SharePoint ツール バーとグループ化ツール バーの両方を有効にすると、両方がビューの上部に表示されます。

ブラウザーでビューを開くときに、ページの上部にあるツールバーが表示されます。SharePoint のツールバーと [グループ化] ツールバーの両方を有効にした場合、ビューの上部にあるこれらのオプションが表示されます。

SharePoint Designer 2010 でサイトを開く

ページの先頭へ

リスト ビューやデータ ビューを作成すると、既定で、データが基本的なテーブル レイアウトで表示されます。別のビュー スタイルを適用することで、ビューのレイアウトをすばやく簡単に変更できます。たとえば、ビューの基本的なテーブル レイアウトを、境界、列、または箇条書きリストがあるビューのレイアウトに変更できます。

リスト ビューやデータ ビューにビュー スタイルを適用する前に、すべての以前のカスタマイズや Web パーツ接続を削除することが重要です。

リスト ビューまたはデータ ビューにビュー スタイルを適用するには、次の手順を実行します。

SharePoint Designer 2010 でビューを開いた状態で、[デザイン] タブをクリックし、プレビューに基づくビュー スタイルのいずれかをクリックして、テキストの説明の上にカーソルを移動します。

ビューでは、 SharePoint Designer 2010で開いて、[デザイン] タブをクリックし、[プレビューとホバー テキストの説明に基づいてビューのスタイルのいずれかをクリックします。

SharePoint Designer 2010 でサイトを開く

注: それらをリスト ビューやデータ ビューに適用するかどうかによって、利用できるさまざまなビューのスタイルが表示されます。また、スタイルの数は、サイト コレクションの場合は、[スタイル] ギャラリーにアップロードされたもので異なります。

  1. その他のスタイルを表示するには、 [ビューのスタイル] グループの右下隅で SharePoint Designer 2010 でサイトを開く その他] をクリックします。

  2. 警告メッセージが情報を表示する表示スタイルを変更する場合に、すべてのユーザー設定の書式および Web パーツの接続を削除することです。[はい]を続行] をクリックします。

    注: 元のビューをよりも少ないフィールドを表示するスタイルを選択する場合は、これらのフィールドがビューから削除されます。

  3. その他のカスタマイズ オプション

ページの先頭へ

以上のカスタマイズに加えて、次の方法でリスト ビューやデータ ビューをカスタマイズできます。

に加えて、上記のカスタマイズ内容は、次の方法でリストまたはデータ ビューをカスタマイズできます。

  • 数式列を作成    するビューの他の列の合計を計算の結果を表示します。これは、数式をスプレッドシート プログラムで使用する方法に似ています。別の列にアイテムの合計値を表示する在庫の単位数の製品の単価を指定する、たとえば、乗算します。

  • 1 つのビューで複数のソースからデータを表示   します。これは、1 か所でデータ ソースを結合する方法の強力なです。同じビューで製品カテゴリ別のリストから 1 つのリストと製品の情報を表示するなど。

  • リストまたはデータ ビューに追加のパラメーター   をします。たとえば、そのパラメーターの値を別のメニューから、データ ビューとデータのフィルター処理するパラメーターを渡すことがあります。

  • リストまたはデータ ビューには、サーバー コントロールを追加   します。SharePoint コントロール、ASP.NET コントロールやその他のデータ ソースにバインドでき、ユーザー インターフェイスを充実した対話型のデータを作成するのには、ビューに追加することができます。

  • フォントを変更して書式設定    ] ボックスの一覧またはデータ ビューにします。フォント サイズ、フォントの色、フォント ファミリ、および列見出しとフィールドの詳細を変更することができます。SharePoint Designer 2010で WYSIWYG ツールを使用して手動でこの操作するか、ページで、これらの要素に CSS のスタイルを適用することがあります。

  • リストまたはデータ ビューのテーブルのレイアウトをカスタマイズする   とします。追加し、表のセルを削除する、幅または行または列の高さを変更、表示したり罫線または網かけ、およびSharePoint Designer 2010で表の編集のオプションを使用してより多くの非表示にすることができます。

ページの先頭へ

注: 機械翻訳についての免責事項: この記事の翻訳はコンピューター システムによって行われており、人間の手は加えられていません。マイクロソフトでは、英語を話さないユーザーがマイクロソフトの製品、サービス、テクノロジに関するコンテンツを理解するのに役立てるため、こうした機械翻訳を提供しています。記事は機械翻訳されているため、用語、構文、文法などに誤りがある場合があります。

スキルを磨く
トレーニングの探索
新機能を最初に入手
Office Insider に参加する

この情報は役に立ちましたか?

ご意見をいただきありがとうございます。

フィードバックをお寄せいただき、ありがとうございます。Office サポートの担当者におつなぎいたします。

×