需要更改 Sharepoint 文档库的布局

发布于 2024-12-21 16:28:48 字数 526 浏览 0 评论 0原文

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

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

我需要它是什么样子 http://img10.imageshack.us/img10/8097/folderpic.png

So I have created a Custom library for a Sharepoint 2010 site. Changed the file look using css, Here is the hard part I can not change the positioning of the of the files(client wants a 4x4 grid) because they all have the same Class Name so when I change the positioning on the tag and open in Designer they are all stacked on top of eachother. Does anyone know any way other than hard coding it to change the layout of the folders in a Document library. I have removed everything from the out of the box Library through CSS just want the files positioned like below instead of the typical Column view. Hope this makes sense.

Where I am now
http://img593.imageshack.us/img593/9226/foldernow.png

What I need it to look like
http://img10.imageshack.us/img10/8097/folderpic.png

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

我正在使用雅虎用户界面库网格 http://yuilibrary.com/yui/docs/cssgrids/ 满足我所有的定位需求。
仅需半分钟即可完成设置,只要您熟悉小学分数,只需两分钟即可掌握。
严重地。

基本上你想要实现的目标是这样的,
请记住,如果您使用的是 vanilla 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 网格已经认真解决了网页上的网格和定位项目的很多麻烦,对我来说尤其是 SharePoint。我已经在几个面向公众的网站以及许多内部和外部网实施中使用了它。
希望它对你有用。

I'm using the Yahoo User Interface library Grids http://yuilibrary.com/yui/docs/cssgrids/ for all my positioning needs.
Takes half a minute to set up, and as long as you're familiar with elementary school fractions it takes two minutes to master.
Seriously.

Basically what you want to achieve is something like this,
and keep in mind you need to set a pixel width on your outermost container, ms-bodyareacell for instance, if you're using a 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>

This way all the document instances can have the same class name (yui3-1-4), and will wrap if there's more than 4.

YUI grids have seriously taken a lot of pain out of gridding and positioning items on web pages in general, and for me SharePoint in particular. I've used it on several public facing web sites, as well as numerous intra- and extranet implementations.
Hope it works out for you.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文