2011-12-15 4 views
1

Итак, я создал пользовательскую библиотеку для сайта Sharepoint 2010. Изменен просмотр файла с помощью css. Вот сложная часть, которую я не могу изменить позиционирование файлов (клиент хочет сетку 4x4), потому что все они имеют одинаковое имя класса, поэтому, когда я изменяю позиционирование на теге и открываю его Дизайнер, они все сложены на вершине друг друга. Кто-нибудь знает какой-либо иной способ, кроме жесткого кодирования, чтобы изменить расположение папок в библиотеке документов. Я удалил все из библиотеки «Библиотека через CSS», просто хочу, чтобы файлы располагались так, как показано ниже, вместо обычного представления столбцов. Надеюсь, это имеет смысл.Необходимо изменить макет библиотеки документов Sharepoint

Где я сейчас http://img593.imageshack.us/img593/9226/foldernow.png

Что мне нужно, чтобы она выглядела как http://img10.imageshack.us/img10/8097/folderpic.png

+0

Снимок экрана поможет понять, чего вы хотите достичь. –

+0

Некоторый исходный код будет даже лучше. – ptriek

+0

Положите pic, чтобы показать, что я пытаюсь сделать – SharePointGuy

ответ

1

Я использую Yahoo Пользовательский интерфейс библиотеки Сетки http://yuilibrary.com/yui/docs/cssgrids/ для всех моих потребностей позиционирования. Занимает полминуты, чтобы настроить, и пока вы знакомы с фракциями начальной школы, для освоения требуется две минуты. Серьезно.

В основном то, что вы хотите достичь что-то вроде этого, и иметь в виду, что вам нужно, чтобы установить ширину пикселя на вашем наружном контейнере, мс-bodyareacell, например, если вы используете ванильный 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 в частности. Я использовал его на нескольких общедоступных веб-сайтах, а также в многочисленных реализациях внутри и для экстрасети. Надеюсь, это сработает для вас.

Смежные вопросы