JavaScript

JavaScript

SharePoint Online のドキュメント ライブラリにアップロードした .aspx ファイルから JSOM を利用したい

SharePoint Online のドキュメント ライブラリに拡張子を .aspx とした HTML をアップロードすると、そのままブラウザで HTML の内容を表示できることは以前の記事で書いた通りです。 SharePoint Online モダン ページで “ちょっと” カスタマイズできる方法を模索してみる 上記リンク先の記事を書いたときは、.aspx から SharePoint への通信は REST API を利用する方法で紹介しましたが、どうしても JSOM(Jav...
JavaScript

SharePoint Online モダン ページで “ちょっと” カスタマイズできる方法を模索してみる

SharePoint Online のモダン ページを利用すると、ユーザーが自由にページのレイアウトを作成したり必要な Web パーツを配置したりといったことが簡単にできます。 しかし一方で、何かしら "ちょっと" カスタマイズしたいなと思ったときには SharePoint Framework を利用して Web パーツの作成が必要だったりなど、その "ちょっと" が難しくなってもいます。 従来であればコンテンツ エディタ Web パーツやスクリプト エディタ Web パーツ...
JavaScript

JS リンクで列の値に応じて行の色を変える(クイック編集モード対応)

この記事は、Office 365 Advent Calendar 2017 に参加しています。 Office 365 Advent Calendar 2017 SharePoint Server 2013 以降や、SharePoint Online の "クラシック UI" のリストで利用できる JS リンクを使って、列に入力された値に応じて行の色を変える方法です。 JS リンクの OnPostRender を利用する方法でイルミネート・ジャパン・ブログさんに記事がありますが...
スポンサーリンク
JavaScript

SPUtility.js を使ってみた

SharePoint のリストを触っていると、ちょっとだけ工夫したくなるときがあります。例えば…「アイテムの新規作成時には入力させたいけど、編集時には入力させたくない列がある」「姓と名の列が入力されたら、自動的に氏名列に値を入れたい」「URL のクエリ文字列に応じて、列の既定値を変えたい」…などなどです。どれも、JavaScript やワークフローなどの組み合わせで実現が出来るのですが、スゴク簡単に利用できそうな jQuery ライブラリを Codeplex で見つけたので試...
JavaScript

JavaScript を使ってリッチ テキスト列から取得した値から文字だけを取り出す

SharePoint 2013 から JavaScript を利用した JS リンクなどの仕組みにより表示部分をカスタマイズすることも多くなっています。その時に、意外と融通が利かないのがリッチ テキスト列の値で、装飾のための HTML タグも一緒に取れてきてしまいます。まあ、当たり前と言えば当たり前なのですが、ただ、文字だけが欲しいという機会も多いので、出来るだけ簡単に HTML タグを外す方法をご紹介します。
JavaScript

リストの特定のフォルダー内にあるアイテムを JavaScript から取得する

「リスト内にフォルダーが作成されており、その特定のフォルダー内のアイテムの一覧を JavaScript から取得する」という、良く利用されそうなシナリオですが、なかなか情報が見つからない(特に日本語では)という声を聞いたので、自身の備忘録も兼ねて投稿します。
JavaScript

リスト アイテムの表示フォーム画面で、既定でリボン メニューの「参照」タブを選択する

最近、お客様との会話でも話題になったり、TechNet/MSDN フォーラムでも質問が上がっていたりしたのですが、リスト アイテムの表示フォーム(アイテム個別の情報が表示される画面)で既定で表示されるリボン メニューを隠したいという要望は少なからずあるようです。この画面を開くと「表示」タブが選択された状態でページが開かれ、「表示」タブに関係するリボン メニューが表示されています。ただし、その隣にある「参照」タブを選択すると、リボン メニューを閉じることができるわけですが、ペー...
JavaScript

Yammer Embed コードで「お知らせ」リストにコメント機能を追加してみる

11月から Office 365 Enterprise を契約しているユーザーは、もれなく Yammer Enterprise のライセンスも付いてくるようになりました。 ソーシャル機能を活用して仕事をする: Yammer に新機能追加、すべての Office 365 Enterprise ユーザーが利用可能に また、SharePoint とは、Yammer App for SharePoint を介しての連携や、特に SharePoint Online では、ドキュメント ...
JavaScript

JS リンク コードサンプル集

以前の記事でも利用方法を紹介した JS リンクですが、嬉しいことにカスタマイズのサンプル集が MSDN デベロッパーセンターにて公開されていました。これを参考にすることで、さまざまなカスタマイズへ応用が利きそうですね。私もさっそくダウンロードしました。7種類のサンプルコードが含まれており、特に「Sample 7 (List add and edit – Email Regex Validator)」のリスト フォームのバリデーションは多々応用が利きそうですね。 Client-...
JavaScript

「コンテンツ エディター」や「スクリプト エディター」を利用したカスタマイズを簡単に再利用できるようにする

私自身が JavaScript や CSS を利用したライトなカスタマイズを好んでいることもあり、このブログでもそれらを利用したカスタマイズをいくつか取りあげてきました。例えば、予定表 Web パーツのカレンダー表示をコンパクトする CSS を紹介した記事などがそれに当たります。 予定表 Web パーツのカレンダー表示をコンパクトにしてみた これらの記事では、「コンテンツ エディター」Web パーツや「スクリプト エディター」Web パーツを利用しているため、そのままでは再利...
JavaScript

リスト フォームの「保存」ボタン クリック時に任意の JavaScript 処理を追加する

実は私自身も最近調べ物をしていて見つけたばかりのネタをご紹介します。SharePoint 2010/2013/Online に対応できる方法です。 SharePoint では、リストに列を追加すると「新規」「編集」「表示」フォームが自動的に作成されることはご存知かと思います。このフォームに任意の JavaScript を追加したいと思ったことはありませんか?さらには、「保存」ボタンをクリックしたタイミングで実行させたい。たとえば、「保存」ボタン クリック時に入力値のチェックを...
Branding

予定表 Web パーツのカレンダー表示をコンパクトにしてみた

SharePoint のチーム サイトで利用される機会も多い「予定表」ですが、ページ上に Web パーツを配置するとその大きさに驚かれる方も多いと思います。SharePoint 2013 になってから、少し小さくなった気もするのですが、それでも大きいですよね。 そこで今回は、Web パーツをコンパクトに表示するカスタマイズを紹介したいと思います。
JavaScript

続・SharePoint 2013 「JS リンク」を試してみた

前回 SharePoint 2013 から登場した「JS リンク」の基本的な動作を確認することが出来ました。 SharePoint 2013 「JS リンク」を試してみた 今回はそこから少し踏み込んで、ユーザーが入力した値に応じて条件分岐を行うことに挑戦してみます。ここでは、入力した値に応じて文字の色を変えてみます。 さっそくですが、カスタマイズのための JavaScript は下記のようになります。
スポンサーリンク