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

SharePoint Online のトップ リンクバーのデザインを CSS で変更する

Pocket

SharePoint Online で簡単なポータル サイトやチーム サイトを作りデザインを含め手を入れていくと、多くの場合ナビゲーションのデザインも変更したくなります。(よね?)ただ、そこまで大きな改修は行いたくないし…と言った場合、CSS を使うだけでも簡単に雰囲気を変えることができます。そろそろ今年も本格的な夏を迎えることですし、SharePoint のサイト デザインもちょっとだけ変更して気分を変えたいところです。

CSS を使ってスタイルを適用するために必要な要素の Id や Class を毎回調べるのは面倒なので、それらを CSS の形でまとめておきます。

Read More

代替 CSS の設定を JavaScript で行う

Pocket

前回の投稿でも出てきましたが、SharePoint のデザインをカスタマイズする際には「代替 CSS」を設定することがあります。しかしながら、この「代替 CSS」の GUI での設定は「デザイン マネージャー」に含まれており、「発行機能」を有効化したサイトでしか行えません。ただし、発行機能を有効化していないサイトでも API を利用することで設定が可能なようでしたので、お手軽な JavaScript Object Model (JSOM) を利用して設定する方法を試してみました。

Read More

SharePoint Online のデザイン カスタマイズを考える

Pocket

SharePoint Online はクラウド サービスです。そのため、日々サーバー側でのバグフィックスや機能改善などが行われています。それらは、ユーザーインタフェースの部分に関することもあり、サイトの見た目に関わるデザインをカスタマイズしていた場合、大きな影響を受けることもあります。

こうしたデザイン カスタマイズについて扱ったセッションが Ignite 2015 にもありましたので、その内容を追いながらデザイン カスタマイズについて考えたいと思います。

Deep Dive into Safe SharePoint Branding in Office 365 Using Repeatable Patterns and Practices
https://channel9.msdn.com/Events/Ignite/2015/BRK3164

Read More

SharePoint 2013 SP1 で修正された「概要リンク」 Web パーツの不具合について

Pocket

SharePoint 2013 で利用できる「概要リンク」Web パーツですが、ちょっとした不具合を抱えていました。それは、グループを設定しておき「グループの列数」を指定すると「指定したグループ列数よりも1つ少ない列数で表示されてしまう」というものです。

20140530-1

20140530-2

この不具合に関しては、Service Pack 1 の修正項目に含まれているのを確認したのですが、以前作成したサイト コレクションへは修正が反映されていないようでした。また、この不具合は SharePoint Online でも同様で、時期的に昨年末までに作成されたサイト コレクションでは不具合が出ているのを確認しています。

Read More

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

Pocket

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

予定表 Web パーツのカレンダー表示をコンパクトにしてみた
http://idea.tostring.jp/?p=635

これらの記事では、「コンテンツ エディター」Web パーツや「スクリプト エディター」Web パーツを利用しているため、そのままでは再利用性に乏しく、ユーザー自身が設定するためにはコードを記述する必要があります。今回は、こうした課題に対して最も簡単・単純に応える方法をご紹介します。

Read More

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

Pocket

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

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

20130731-1

Read More

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

Pocket

SharePoint のチーム サイトで利用される機会も多い「予定表」ですが、ページ上に Web パーツを配置するとその大きさに驚かれる方も多いと思います。SharePoint 2013 になってから、少し小さくなった気もするのですが、それでも大きいですよね。

そこで今回は、Web パーツをコンパクトに表示するカスタマイズを紹介したいと思います。

Read More