SharePoint Branding

Branding. Что это?
The marketing practice of creating a name, symbol or design that identifies and differentiates a product from other products.

Зачем нужен брэндинг? - 2001

Зачем нужен брэндинг? – 2003

Зачем нужен брэндинг? - 2007

Зачем нужен брэндинг? - 2010

Зачем нужен брэндинг?

Зачем нужен брэндинг?

Дизайн

Типы брэндинга
Использование тем
Использование альтернативного файла стилей (SPWeb.AlternateCssUrl)
Создание master page
Создание своих собственных UI

Работа с дизайнером
Стандартные элементы управления
Ribbon
Веб части
Размер страницы
Типы страниц

Работа с дизайнером

Работа с верстальщиком
Доступ к SharePoint
Использование существующей разметки
Использование и переопределение существующих css стилей
Взаимодействие с остальной командой

Разработка
Парное программирование – sharepoint программист + верстальщик
Использование minimal master page
Использование wsp решений для установки всех артефактов на сервер

Ribbon – 44px – 135px
<br>g_wpadderHeight = 30;<br>

Browse Tab – Ribbon or not?
…

Add new item
.ms-addnew span img {
display:none;
}
.ms-addnew span {
background: url("/_layouts/images/MB.SimpleImageBranding/plus.png") no-repeat left center transparent;
}

New item
.ms-newgif {
background: url("/_layouts/images/MB.SimpleImageBranding/new.png") no-repeat scroll right center transparent;
padding-right: 30px;
padding-top: 9px;
width: 0 !important;
vertical-align: middle;
}

Более сложный способ
controlType="Microsoft.SharePoint.WebPartPages.XsltListView"
adapterType="MB.ListViewBrandingCustomizations.XsltListViewAdapter"
/>

Более сложный способ
public class XsltListViewAdapter : ControlAdapter
{
protected override void OnLoad(EventArgs e)
{
base.OnLoad(e);
XsltListViewWebPart wp = (XsltListViewWebPart) Control;
wp.XslLink = "/_layouts/MB.ListViewBrandingCustomizations/main_fixed.xsl";
}
}

SeachBox
Изменение стилями
Переопределение свойств существующего делагат контрола
Создание своего делаегат контрола

SearchBox DelegateControl
Sequence="10"
ControlClass="Microsoft.SharePoint.Portal.WebControls.SearchBoxEx"
ControlAssembly="Microsoft.Office.Server.Search, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c"
>
/_layouts/images/search-button.png
/_layouts/images/search-button.png
/_layouts/images/search-button.png
/_layouts/images/search-button.png
HideScopeDD
None
Поиск по сайту

Результат

Links
Ribbon
http://blog.jonathanroussel.com/2011/02/sharepoint-2010-resizing-ribbon-bar.html
http://sharepoint.microsoft.com/blog/Pages/BlogPost.aspx?PageType=4&ListId={72C1C85B-1D2D-4A4A-90DE-CA74A7808184}&pID=426
http://blog.alexboev.com/2012/01/browse-tab-in-sharepoint-2010-ribbon.html