StyleSheet

SharePoint 2013

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

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

SharePoint 2013SharePoint 2016SharePoint Online

SharePoint 2013

代替 CSS の設定を JavaScript で行う

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

SharePoint 2013SharePoint Online

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

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

SharePoint 2013SharePoint Online

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

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

SharePoint 2013SharePoint Online

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

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

JavaScriptSharePoint 2010SharePoint 2013SharePoint OnlineStyleSheet

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

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

SharePoint 2010StyleSheet

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

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

BrandingJavaScriptSharePoint 2013SharePoint OnlineStyleSheet

スポンサーリンク