2011-12-15 44 views
1

したがって、Sharepoint 2010サイトのカスタムライブラリを作成しました。 cssを使用してファイルの外観を変更しました。ここで難しい部分は、ファイルの位置を変更できません(クライアントは4x4グリッドが必要です)。それらはすべて同じクラス名を持つため、タグの位置を変更してデザイナーはお互いの上に積み重ねられています。誰もがドキュメントライブラリのフォルダのレイアウトを変更するためにハードコーディング以外の方法を知っていますか?私はCSSを介してライブラリの外からすべてのものを削除しただけで、典型的なColumnビューではなく、以下のようにファイルを配置したいと思っています。これが理にかなってほしい。私は今 http://img593.imageshack.us/img593/9226/foldernow.pngSharepointドキュメントライブラリのレイアウトを変更する必要があります

私は http://img10.imageshack.us/img10/8097/folderpic.png

+0

スクリーンショットは、達成したいことを理解するのに役立ちます。 –

+0

いくつかのソースコードはさらに優れています。 – ptriek

+0

何を達成しようとしているのかを示す絵を入れてください – SharePointGuy

答えて

1

のように見えるためにそれを必要と私はすべての私の位置決めニーズにYahooのユーザーインターフェイスライブラリのグリッドhttp://yuilibrary.com/yui/docs/cssgrids/を使用していますよ

。 セットアップには半分かかります。小学校の分数に精通している限り、習得するには2分かかります。真剣に 。

基本的に何を達成したいことは、このようなもので、 とあなたはバニラv4.masterを使用している場合は、あなたの最も外側のコンテナ、例えばMS-bodyareacell上のピクセル幅を設定する必要が念頭に置いておきます。

<div class="yui3-g"> //the yui3-g is a grid container 
    <div class="yui3-1-4" id="doc1"> // yui3-1-4 fills 1/4 of the avaliable width 
     //document 1 goes here 
    </div> 
    <div class="yui3-1-4" id="doc2"> 
     //document 2 goes here 
    </div> 
    <div class="yui3-1-4" id="doc3"> 
     //document 3 goes here 
    </div> 
    <div class="yui3-1-4" id="doc4"> 
     //document 4 goes here 
    </div> 
</div> 

すべてのドキュメントインスタンスが同じクラス名(yui3-1-4)を持つことができる、とがあるかどう折り返されます。この方法で4以上

グリッドが真剣に出て多くの痛みをとっているYUI

一般的なWebページのグリッドとポジショニングアイテム、そして特に私にとってはSharePointです。私は数多くのイントラとエクストラネットのインプリメンテーションだけでなく、いくつかの一般公開サイトでも使用してきました。 それはあなたのために働くことを願っています。

関連する問題