1

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

我现在在哪里 http://img593.imageshack.us/img593/9226/foldernow.png

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

4

1 回答 1

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。我已经在几个面向公众的网站以及许多内部和外部网络实现中使用了它。希望它对你有帮助。

于 2012-04-18T08:28:35.463 回答