'

SharePoint Branding

Понравилась презентация – покажи это...





Слайд 0

SharePoint Branding Юрий Леонтьев Team Lead


Слайд 1

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


Слайд 2

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


Слайд 3

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


Слайд 4

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


Слайд 5

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


Слайд 6

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


Слайд 7

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


Слайд 8

Дизайн


Слайд 9

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


Слайд 10

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


Слайд 11

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


Слайд 12

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


Слайд 13

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


Слайд 14

Ribbon – 44px – 135px <script type="text/javascript"> g_wpadderHeight = 30; </script>


Слайд 15

Browse Tab – Ribbon or not? <div id=“"s4-titlerow”>…</div>


Слайд 16

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; }


Слайд 17

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; }


Слайд 18

Более сложный способ <browsers> <browser refID="default"> <controlAdapters> <adapter controlType="Microsoft.SharePoint.WebPartPages.XsltListView" adapterType="MB.ListViewBrandingCustomizations.XsltListViewAdapter" /> </controlAdapters> </browser> </browsers>


Слайд 19

Более сложный способ 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"; } }


Слайд 20

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


Слайд 21

SearchBox DelegateControl <Control Id="SmallSearchInputBox" Sequence="10" ControlClass="Microsoft.SharePoint.Portal.WebControls.SearchBoxEx" ControlAssembly="Microsoft.Office.Server.Search, Version=14.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" > <Property Name="GoImageUrl">/_layouts/images/search-button.png</Property> <Property Name="GoImageUrlRTL">/_layouts/images/search-button.png</Property> <Property Name="GoImageActiveUrl">/_layouts/images/search-button.png</Property> <Property Name="GoImageActiveUrlRTL">/_layouts/images/search-button.png</Property> <Property Name="DropDownMode">HideScopeDD</Property> <Property Name="ScopeDisplayGroupName"></Property> <Property Name="FrameType">None</Property> <Property Name="QueryPromptString">Поиск по сайту</Property> </Control> 22


Слайд 22

Результат


Слайд 23

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


Слайд 24

Links http://msdn.microsoft.com/en-us/library/gg430141.aspx


×

HTML:





Ссылка: