StyleSheet

SharePoint 2013

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

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

代替 CSS の設定を JavaScript で行う

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

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

SharePoint Online はクラウド サービスです。そのため、日々サーバー側でのバグフィックスや機能改善などが行われています。それらは、ユーザーインタフェースの部分に関することもあり、サイトの見た目に関わるデザインをカスタマイズしていた場合、大きな影響を受けることもあります。 こうしたデザイン カスタマイズについて扱ったセッションが Ignite 2015 にもありましたので、その内容を追いながらデザイン カスタマイズについて考えたいと思います。 Deep Dive...
SharePoint 2013

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

SharePoint 2013 で利用できる「概要リンク」Web パーツですが、ちょっとした不具合を抱えていました。それは、グループを設定しておき「グループの列数」を指定すると「指定したグループ列数よりも1つ少ない列数で表示されてしまう」というものです。 この不具合に関しては、Service Pack 1 の修正項目に含まれているのを確認したのですが、以前作成したサイト コレクションへは修正が反映されていないようでした。また、この不具合は SharePoint Online ...
JavaScript

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

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

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

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

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

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