Как изменить внешний вид списка в SharePoint

Список в SharePoint имеет вид таблицы. Иногда хочется слегка изменить ее вид, чтобы было удобнее с ней работать. В этой статье я покажу, как можно добавить к списку в режиме чтения рамку для таблицы. Такая рамка показывается в режиме быстрого редактирования, сейчас мы будем делать ее для режима чтения.

Те, кто не имеют доступа к режиму редактированию списка, постоянно видят таблицу без рамки. Если таблица большая и есть пустые ячейки, то читать ее очень неудобно:

Чтобы рамка в таблице отображалась всегда, достаточно в режиме простого отображения списка вызвать изменение страницы и добавить в любое место веб-часть «Редактор сценариев»:

В эту веб-часть, путем нажатия на кнопку «Изменить фрагмент», нужно вставить заранее подготовленный стиль:

<style>
table.ms-listviewtable {
  border-collapse: collapse;
}

table.ms-listviewtable td.ms-cellstyle, table.ms-listviewtable td.ms-vb-imgFirstCell {
  border:1px solid #CCCCCC;  
}

table.ms-listviewtable td.ms-vb-imgFirstCell {
  border-width: 1px !important;
  border-right-width: 1px !important;
}
</style>

Теперь тот же самый список в режиме простого отображения будет выводиться с красивой рамкой:

Точно также можно применить к странице любой другой стиль CSS. При этом другие страницы затронуты не будут. Если нужно, чтобы все списки на сайте выглядели как вам хочется, то можно прописать стили в правило файла CSS и загрузить его на сайт.

Источник: http://blog.sergey-lysenko.ru/2015/09/sharepoint-change-list-view-style.html

 

SharePoint 2013: Show status field in color

In this post we will discuss how we can show colors based on status column value in SharePoint 2013 using calculated column. Here I have a test list which has a choice column known as “Status” column and it has values like:

  • Started
  • InProgress
  • Incomplete
  • Critical
  • Done

So based on this value we want to show different color in the list view, so that by color it will be easy to differentiate from one and other.

For this we took a calculated column and in that calculated column we put the below logic.

=”

&nbsp&nbsp

“,IF([Status]=”InProgress”,”#FFFF00;’> &nbsp&nbsp

“,IF([Status]=”Incomplete”,”#FF9900 ;’>&nbsp&nbsp

“,IF([Status]=”Critical”,”#FF0000;’> &nbsp&nbsp

“,IF([Status]=”Done”,”#00B050;’> &nbsp&nbsp

“)))))

And also make sure that you need to choose “Number” in the “The data type returned from this formula is:” section for the calculated column. It will look like below:

After this based on the status, the color will come like below:

Color Statuses

Screenshot (SharePoint 2013)

 

Hope this will be helpful.