SharePoint 2007のリストの狭い入力エリアを快適にするCSS

いまさら SharePoint 2007?、と言われてしまいそうですが。なにかと狭苦しいリストの入力フォーム、青背景が煩い表示フォーム、無駄に長い列名表示エリア、それに便利なようで邪魔(のような気がする)なサイドナビゲーションバーを消すスタイルシート(CSS)です。

※2011/6/11 差替。

/*——————————————————————————-
サイドナビゲーションを非表示
——————————————————————————-*/
#TitleAreaImageCell{display:none;}
#LeftNavigationAreaCell{display:none;}
/*——————————————————————————-
リストフォームの最適化。入力欄画面幅まで拡大。背景白。列名の幅を短く。
——————————————————————————-*/
.ms-formtoolbar{width:100%;}
.ms-formtoolbar{width:100%;}
.ms-formbody{width:100%;padding-right:10px;padding-left:10px;background:#ffffff;border-left:1px solid #cccccc;}
.ms-formbody .ms-long{width:100%;}
.ms-rtelong{width:100%;}
#onetIDListForm{width:100%;}
.ms-summarystandardbody{width:100%;margin:0px !important;}
.ms-summarystandardbody TD{padding:6px;}
.ms-summarystandardbody .ms-formlabel{width:10%;white-space:nowrap;}
.ms-summarystandardbody .ms-formbody{width:90%;}
.ms-formlabel{width:100px;}

※ただし最後の .ms-formlabel{width:100px;} (列名列の横幅を短くしている)が原因で、アンケートリストの NewForm.aspx(新規フォーム)EditForm.aspx(閲覧フォーム)で、設問文の横幅が100pxに固定されてしまう問題があります。SharePoint Designerを利用して、フォームのソースに .ms-formlabel{width:100% !important;} を記述する、または .ms-formlabel{width:100px;} はコメントアウトして、必要なリストのみ適用するほうが良いかもしれません。

適用するとこんな感じになります。

適用方法は、発行機能を有効にしたサイトであれば、CSSファイルとしてどこかのライブラリにアップロードし、そのURLを、サイトコレクションの管理画面「外観/マスタページ」で「この発行サイトとこれを継承するすべてのサイトで使用する CSS ファイルを指定する」に指定します。

発行機能が無効の場合、ちょっと厄介ですが、SharePoint Designeer 2007を利用して、そのサイトの /_catalogs/masterpage/ 配下にCSSファイルとしてアップロードしておいて、その上で、同じディレクトリにある default.master を編集して、HTMLの中に外部CSS参照を埋め込んでしまうのがお勧めです。こうしておかないと、サイトをテンプレート化した際に、CSS参照が無効になってしまうんですね。

ちなみに、残念ながら SharePoint2010 のリスト入力エリアも凄く狭いです・・・。使いにくいことこの上ないと思うのですが、欧米人はあまりリストを「掲示板」としては利用しないんでしょうか?こちらもそのうち何とかしたいです。ただ、2010は画面構成に動的な部分が増えたので、私のような素人には少々手ごわいんですよね。

なお、入力エリアを自由に拡大/縮小できるアドオン製品も弊社(シンプレッソ・コンサルティング株式会社)でお取り扱いしています。これはこれですこぶる便利ですので、ぜひお試し下さい。

SharePoint アドオン製品一覧(シンプレッソ・コンサルティング株式会社)
http://simplesso.jp/sharepoint-solutions.php

製品紹介 : RichText Boost(リッチテキストブースト)


Author

中村 和彦(シンプレッソ・コンサルティング株式会社 代表)が「ユーザ視点の SharePoint 情報」を発信します。元大手製造業 SharePoint 運用担当。現SharePoint コンサルタント。お仕事のお問い合わせはこちらまでお願いします。当ブログにおける発信内容は個人に帰属し所属組織の公式発信/見解ではありません。
Twitter : @saruhiko
FB : 中村 和彦
MS MVP SharePoint 2009/10-2011/9
MS MVP Office 365 2012/10-

FaceBook Activity