Tag( "View" ){ return results; };

SharePoint Online モダン リストの View formatting を試してみた

早く使えないかなと期待していた「View formatting」という機能がターゲット リリースのテナントで利用できるようになっていました。機能の日本語名は「ビューの書式設定」のようですね。

これまでも利用できていた「Column formatting(列の書式設定)」は、文字通り「列」の表示形式を JSON により指定できるものでしたが、この「View formatting(ビューの書式設定)」では、リストやライブラリに登録された「行」つまりは「アイテム」の表示形式を同じく JSON で指定できるものになっています。

ちなみに、Column formatting を試したときの記事は下記のリンク先です。

SharePoint Online モダン リストの Column formatting を試してみた
https://idea.tostring.jp/?p=3163

これにより、モダン リストにおけるビューの表現力がグッと高まると思います。さっそく試してみましょう。

Read More

SharePoint Online モダン リストの Column formatting を試してみた

先行リリースの機能として SharePoint Online のモダン リストに新たに追加された Column formatting という機能を試してみました。この機能は、Excel でいうとセルの条件付き書式のような機能となっており、列に入力された値に応じて文字の色を変えたり、アイコンを表示したりといったカスタマイズが行えます。下図のサンプルは、Microsoft さんのものを拝借しました。

こうしたカスタマイズは従来のリストでは JS リンクといった機能を利用して実現できましたが、Column formatting はそれのモダン リスト版となっており、JS リンクと同様に簡単にカスタマイズが行えるようになっています。後述の GitHub に華やかなサンプルがありますが、そのサンプルを迷いなく利用したり、ちょっと手を加えて自分好みにカスタマイズしていくためにも、基礎を抑えながら動作を見ていきたいと思います。

それでは、さっそく試してみましょう。

Read More

「XSL リンク」を使って SharePoint リスト ビューをカスタマイズする

SharePoint 2013 からは、JavaScript でのカスタマイズ方法も強化・追加されたため、「JS リンク」を利用することで簡単にリスト ビューをカスタマイズできるようになりましたが、SharePoint 2010 までは「XSL(XML 向けの CSS のようなもの)」を記述する必要がありました。

また、SharePoint 2013 になって、多くのリスト ビューは JS リンクでカスタマイズができますが、一部のリスト ビューは依然として XSL でのカスタマイズにのみ対応しているものがあります。

「予定表」リストの「現在のイベント」ビューもその一つです。そうしたものについては、「XSL リンク」を利用してカスタマイズを行うことができます。今回は、過去に TechNet/MSDN フォーラムに寄せられたご質問を課題として、そのカスタマイズ方法をご紹介します。先にお断りをしておくと、この記事では XSL の書き方そのものについては解説しません。

Read More

リストやライブラリのビュー セレクター メニューにビューを4つ以上表示する

SharePoint 2013(Online)のリストやライブラリでは、ビューのヘッダーメニューとして「ビュー セレクター メニュー」が表示されています。リボン メニューから選択する方式よりも手軽で分かりやすいのですが、欠点が1つだけあります。それは「ビューが3つまでしか表示されずに、のこりは「…」にまとめられてしまう」ということです。ここにもっとたくさんのビューへのセレクター メニューを並べたいと思いましたので調べてみました。

20150520-1

Read More

SharePoint 2010 リスト/ライブラリ アイテム コンテクスト メニューで任意の項目を非表示にする

SharePoint 2010 向けの投稿は初めてかもしれないですね。今回は、リストやライブラリのアイテム コンテクスト メニューで表示されるメニューのうち、任意のメニューを非表示にするカスタマイズをご紹介します。このメニューは、スクリプトで描画されているので、厳密にいえばスクリプト ファイル(core.js など)の上書きが必要になるのですが、より簡単に出来る方法として、今回は CSS で非表示にします。

コンテクスト メニューとは、アイテム タイトルの右側にある「▼」をクリックした際に表示されるメニューのことです。

20130731-1

Read More