需要更改Sharepoint文档库的布局

时间:2011-12-15 18:53:27

标签: css sharepoint document branding

因此,我为Sharepoint 2010网站创建了一个自定义库。使用css更改了文件外观,这是困难的部分我无法更改文件的位置(客户端需要4x4网格),因为它们都具有相同的类名,所以当我更改标签上的定位并打开时设计师他们都堆叠在彼此之上。除了硬编码以改变文档库中文件夹的布局之外,是否有人知道任何其他方式。我已经从开箱即用的库中删除了所有内容,只是希望文件位于下方,而不是典型的列视图。希望这是有道理的。

我现在的位置 http://img593.imageshack.us/img593/9226/foldernow.png

我需要它看起来像什么 http://img10.imageshack.us/img10/8097/folderpic.png

1 个答案:

答案 0 :(得分:1)

我正在使用Yahoo用户界面库Grids http://yuilibrary.com/yui/docs/cssgrids/来满足我的所有定位需求。 设置半分钟,只要你熟悉小学部分就需要两分钟才能掌握。 严重。

基本上你想要实现的是这样的, 并且请记住,您需要在最外层容器上设置像素宽度,例如ms-bodyareacell,如果您使用的是vanilla v4.master。

 <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网格通常在网页上网格化和定位项目时非常痛苦,特别是对我来说SharePoint。我已经在几个面向公众的网站上使用它,以及许多内部和外部网实现。 希望它适合你。