SharePoint Online モダン表示とクラシック表示の比較 フォーム編

SharePoint Online : 2017.10.30 Monday
今回は 「クラシック表示」と「モダン表示」の調査、第六弾「フォーム」です。フォームは大幅に仕様が変わっているので、特に目立つ部分を つまみあげて説明します。

クラシック表示の3つのフォーム:表示、新規追加、編集

SharePoint 2013(相当のSharePoint Online)以降では、リスト(またはライブラリ)ごとに、表示・新規追加・編集 3つのフォームが存在しました。

表示フォームは、DispForm.aspx というページ名で、引数 IDにリストアイテムのIDを指定すると、当該リストアイテムのデータがフィールド(列)ごとに表示されます。
SharePoint Classic DispForm

新規追加フォームは、NewForm.aspx というページ名で、引数はなし。新しいリストアイテムデータをフィールド(列)ごとに入力できます。
SharePoint Classic NewForm

編集フォームは、EditForm.aspx というページ名で、引数 IDにリストアイテムのIDを指定すると、当該リストアイテムのデータがフィールド(列)ごとに表示され、編集できます。
SharePoint Classic EditForm


モダン表示では「ダイアログボックスでフォームを開始する」は無視される

リスト(またはライブラリ)設定の詳細設定画面では、フォームをダイアログで表示するか ベース画面に画面遷移して表示するかが選択できます。
SharePoint Setting Dialog Form

クラシック表示では、このオプションで、ダイアログ(ポップアップ)表示するかを指定すれば ちゃんと表示できていましたが...。
モダン表示では、このオプションは無視され、ダイアログでは表示できなくなりました。

モダン表示では カスタマイズしたフォームは クラシック表示になる

クラシック表示では、ページの編集で コンテンツエディタWebパーツやスクリプトエディタWebパーツが追加できて、CSSやJavaScriptなどでカスタマイズができました。

リストの設定をモダン表示にしても、クラシック表示でカスタマイズしたフォームは、クラシック表示になります。

モダン表示では、変更履歴付きの複数行テキストがあると クラシック表示になる

クラシック表示では、リスト詳細設定でバージョン履歴をONにすれば、複数行テキストに変更履歴が付加できました。

リストの設定をモダン表示にしても、変更履歴がついた複数行テキストがある場合、クラシック表示になります。

モダン表示では、複数行テキストの入力が2 STEPになる

クラシック表示では、新規追加フォーム、編集フォームで フォーム上に複数行テキストが入力できましたが、 モダン表示では、フォーム上の複数行テキストの[編集]ボタンをクリックして、オープンしたダイアログで複数行テキストを入力する2 STEP動作になりました。
SharePoint Modern Multiline Entry

モダン表示では、選択肢ラジオボタンが ドロップダウンリストになる

リスト設定の列作成で 選択肢の列を作ると ドロップダウン、ラジオボタン、チェックボックスの3種類が指定できます。
クラシック表示では、択一/複数選択、選択肢の数や 他の選択肢との統一性などを考えて、3種類を使い分けていました。
モダン表示では、ラジオボタンがドロップダウンリストになります。
SharePoint Modern RadioButton

モダン表示では、選択肢チェックボックスが ドロップダウンリストの中にある

ラジオボタンがドロップダウンリストに吸収されたような大幅な仕様変更ではありませんが、モダン表示ではチェックボックスは ドロップダウンリストの中に、チェックボックスが縦に並ぶ感じに変更されました。複数選択できるので機能的には問題ありません。フォームのスペースを無駄に消費しないというメリット、選択されたチェックボックスが解りにくいというデメリット、それぞれありますが。
SharePoint Modern Checkbox

モダン表示の DispFormでは、複数行テキストがダイジェスト表示になる

モダン表示の表示フォーム(DispForm.aspx)では、複数行テキストデータが多い場合に、前半部分だけがダイジェストで表示されます。編集フォーム(EditForm.aspx)では 全てのテキストデータが表示されるのでバランスが悪い感じもしますが。表示フォームの表示スペース節約という感じでしょうか。
SharePoint Modern DispForm Multitext

モダン表示の DispFormでは、複数行テキストが編集できる!?

モダン表示の表示フォーム(DispForm.aspx)では、複数行テキストデータが編集できます。表示フォームなのに編集できるという摩訶不思議な仕様です。これは、フォーム(のベース部分)から 複数行テキストを独立させたためだと思いますが、いままでのSharePoint3フォームの仕様から考えると とても奇異な感じがします。

モダン表示では、複数ファイルアップロードができる

ここまでは、モダン表示で「できなくなったこと」「おかしくなったこと」ばかりでしたが・・・モダン表示のフォームでは「添付ファイル追加」で複数のファイルが指定できるようになりました。
クラシック表示では、添付ファイルは1つづつしか追加できず、操作が大変だったので 複数アップロードはうれしいです。
SharePoint Modern Attachments

(2017.11.06 追記)
Microsoft Supportページで、モダン表示とクラシック表示の違いがまとめてありました。少し古い情報なので、細かな部分は載っていませんが...。

Differences between the new and classic experiences for lists and libraries.(Microsoft Support)

【最近の投稿記事】

SharePoint Online
Office 365/
SharePoint Online
事始め
Office 365やるってよ |  Office 365市販本(1) |  Office 365市販本(2) |  MSサイトでプランを勉強 |  TechNetでプランを勉強 |  sway, cortana, delve |  E5プラン |  Office Online制限 |  SharePoint 2016 RC |  アーキテクチャ |  Connections, Listings, Invoicing | 
SharePoint Online
Webパーツ
標準 Webパーツ |  スクリプトエディタ |  RSSビューア |  フィルタWebパーツ |  XsltListViewWebPart |  グラフ表示パーツ | 
SharePoint Online
リスト/ライブラリ
標準 リスト/ライブラリ |  アンケート(Survey) |  画像ライブラリ |  ニュースフィード |  日英サイト間でリストデータ移行 |  ライブラリ ドラッグ&ドロップ |  ライブラリ ファイル一覧出力 |  リスト外観変更 |  Explorer URL |  ディスカッション掲示板 |  注目リンク |  OneDrive 通知メール送信 |  OneDrive バージョン履歴 |  複数ファイルダウンロード |  アイテムはレコードです | 
SharePoint Online
リスト/ライブラリ
/ページ
(モダン表示)
モダン ドキュメントライブラリ |  モダン表示 リスト・ライブラリ |  モダン表示 ナビゲーション |  モダン表示 サイトのロゴ |  モダン表示 コマンドバー |  モダン表示 ビュー |  モダン表示 フォーム |  モダン表示 サイト情報 |  モダン表示 ページ、Webパーツ |  モダン表示 ホームページ設定 | 
SharePoint Online
検索機能
検索の対象 |  検索されたくないファイル |  注目サイト |  検索結果カスタマイズ | 
SharePoint Online
Notes移行
Notes情報表示 |  Notesデータ移行 | 
SharePoint Online
カスタマイズ
IE11開発者ツール |  Osloとの戦い |  Style動的変更 |  リダイレクトページ |  IEとChrome |  ボタン名の変更 |  フロー Flow |  注目リンク カスタマイズ |  アンケート 列設定 変更 |  アンケート Excelエクスポート項目 変更 |  ダウンロード禁止のアクセス許可レベル | 
SharePiont Online
動作仕様
制限値が気になる |  Webページ破損 |  サイトコレクション削除 |  記憶域とサーバーリソース |  プロファイル画像 |  IsDlg効かず |  プレゼンス表示 |  利用状況レポート |  データ容量管理 |  ごみ箱の日数 |  サイトメールボックス |  標準 サイト |  サイドリンクバー |  外部ユーザー共有 |  おすすめ エラー |  直打ちURL |  外観変更エラー |  サイトコレクション機能 |  ユーザープロファイル |  Access app 廃止 |  アクセス要求の設定 |  ページリンク、クラシック表示を終了 |  外部共有サイト、外部ユーザー |  プロジェクトサイトテンプレート ProjectSummaryWebPartエラー | 
Office 365
動作仕様
OneDrive概要 |  OneDrive設定 |  OWAエラー画面 |  新しい Office 365管理センター |  Office 365メッセージ |  OneNote同期/ファイル |  Office 365サイト |  Office 365監査ログ |  Project Web App |  機能更新とエラー画面 |  Outlook Webのメッセージ | 

SharePoint概要
SharePointとは? |  アーキテクチャ |  サイトテンプレート | 
リストテンプレート |  Webパーツ |  アクセス権限 |  SharePoint用語集

SharePoint構築Tips
リスト名(URL) |  ライブラリ名(URL) |  フィールド名(内部名) | 
ビュー名(ファイル名) |  リストテンプレート(ワークフロー削除) | 
大きなリストの問題 |  アイテム一覧の列幅 |  機能とWebパーツ | 
フィールドデータ型 |  禁則文字 |  隠しリスト表示 |  管理パス |  サイト内の列 |  サポート期限 |  PDFをブラウザで開く |  URLエンコード・デコード | 
日時の絶対値表示

SharePoint開発Tips
開発の概要 |  開発者ダッシュボード |  MSDN URL |  REST インターフェイス |  ページ パラメータ IsDlg |  ビジュアルアップグレード |  機能(Feature) | 
2010開発者向けの資格 |  2013開発者向けの資格 |  ページ パラメータ contents |  リソースファイル |  リスト/ライブラリGUID |  テーマ | 
トレースログ |  PowerShell文字コード |  SharePoint Framework

search this site.
SharePoint概要
SharePointとは?
アーキテクチャ
サイトテンプレート
リストテンプレート
Webパーツ
アクセス権限
SharePoint用語集


SharePoint構築Tips
リスト名(URL)
ライブラリ名(URL)
フィールド名(内部名)
ビュー名(ファイル名)
リストテンプレート
(ワークフロー削除)

大きなリストの問題
アイテム一覧の列幅
機能とWebパーツ
フィールドデータ型
禁則文字
隠しリスト表示
管理パス
サイト内の列
サポート期限
PDFをブラウザで開く
URLエンコード・デコード
日時の絶対値表示
エクスプローラーで開く

SharePoint開発Tips
開発の概要
開発者ダッシュボード
MSDN URL
RESTインターフェイス
ページパラメータ IsDlg
ビジュアルアップグレード
機能(Feature)
2010開発者向けの資格
2013開発者向けの資格
ページパラメータ contents
リソースファイル
リスト/ライブラリGUID
テーマ
トレースログ
PowerShell文字コード
SharePoint Framework

SharePoint情報サイト
SharePoint Developer Center
Support Team Blog
松崎 剛 Blog
SharePoint Developer
SharePoint Technical Note
ILLUMINATE JAPAN Blog
SharePoint Factory
新卒管理者の奮闘ブログ
SharePoint Maniacs
AvePoint Japan Community
idea.toString();
SharePoint Issue
Office365/SharePoint



   風水吉凶方位 |  奇門遁甲 |  金運神社 |  金運本 |  気場 |  水族館 |  イルカ |  ペンギン |  クラゲ |  仏像 |  論語 | 
   般若心経 |  日本庭園 |  二十四節気 |  菜根譚 |  城郭
   情報共有(SharePoint) |  OneNote活用 |  サーバー監視 |  イベントログ |  IT資産管理 |  技術TIPS