リストアイテムを見やすくしたい(3)

さてリストアイテムの見栄えを少しでも改善したい、第三回です。

今回は非常にシンプル。
リストの左側に必ず存在する列名を非表示にして、ついでに背景を白に変更します。

DispForm.aspx を編集モードで開きます。
マジックワードは「?id=n&toolpaneview=2」です。

コンテンツエディタを配置して、ソースに次のCSSを記述します。

.ms-formbody {BACKGROUND: #FFFFFF;padding-left:20px;}
.ms-formlabel{display : none;}

ついでに、画面左の余白(ナビ)にも消えてもらいましょう。

.ms-titlearealeft{display:none;}
.ms-leftareacell{display:none;}

もちろん、CSSは <style></style> で囲ってください。

列名が消えてしまっているのが問題になるかもしれませんが、一般の「掲示板」なら、何処が件名で何処が本文で、区分で属性で…はまあ大抵一目瞭然ですので大丈夫かと思います。
やはり、背景は白が見やすくて良いですね!

リストアイテムを見やすくしたい(2)
リストアイテムを見やすくしたい(1)


Author

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

FaceBook Activity