Tip: Branding en SharePoint 2010. Definiendo el ancho fijo y escondiendo el Quick Launch en algunas páginas

 

Para definir el ancho fijo del portal en SharePoint 2010. Sáquele una copia a la página maestra v4.master desde SharePoint Designer y luego edítela para agregar en la página maestra la siguiente referencia de hoja de estilos:

<SharePoint:CssRegistration name="/_layouts/1033/styles/MiEmpresa.css" After="corev4.css" runat="server"/>

After=”corev4.css” garantiza que los estilos se aplicaran luego que se apliquen los de Corev4 con eso se garantiza que podremos sobrescribirlos.

En el div id=s4-workspace agregue la siguiente clase:

<div id=”s4-workspace” class=”s4-notsetwidth” >

Esta clase le dice al render de SharePoint que no agregue en línea el estilo del ancho y alto a dicho div.  Mas información en:http://msdn.microsoft.com/en-us/library/gg430141.aspx

En la hoja de estilos MiEmpresa.css agregue las siguientes líneas

.s4-notsetwidth {}
body #s4-workspace {width:960px !important; margin:auto}
#s4-ribbonrow {width:960px !important; margin:auto}
.ms-cui-ribbontopbars {width:960px !important; margin:auto}
.ms-cui-ribbon {width:960px !important; margin:auto}

Para esconder el Quick Launch de una página en especifico; Edite con SharePoint Designer la página y abajo de la siguiente línea de la página:

<asp:Content ContentPlaceHolderId="PlaceHolderMain" runat="server">

Agregar las siguientes líneas:

<style type="text/css">
     #s4-leftpanel {  display:none; }
     .s4-ca {  margin-left: 5px;  background: transparent; }
</style>

Referencias:

http://allthingsdotnet.net/?p=726

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

 

 

SharePoint4Fun,

Manolo Herrera