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（リッチテキストブースト）