SharePoint 2010: Mostrando el menú vertical en una página de WebParts!

Aunque en SharePoint 2010 las páginas de tipo “Wiki” son las que se consideran como ciudadanas de primera clase a la hora de crear páginas en las que se muestren distintos tipos de informaciones, seguimos contando con la posibilidad de crear páginas de WebParts que no cuentan con los controles de texto enriquecido, pero que nos pueden solucionar otro tipo de problemáticas. Por defecto, cuando creamos una página de WebParts, como ya sucedía en SharePoint 2007, no se muestra el menú vertical en estas páginas por lo que nos toca hacer algo similar. En este caso los pasos para que se muestre el menú vertical son:

  • Abrimos la página de WebParts con SharePoint Designer 2010.
  • Utilizando la Ribbon, editar la página en cuestión en modo avanzado.
image image
  • En el código de la página, localizamos la sección correspondiente al control que indica que la versión de interfaz de usuario que se está utilizando es la 4. Este control contiene un bloque de CSS que es responsable en parte de que el menú vertical esté oculto en este tipo de páginas. Lo comentamos.
   1: <SharePoint:UIVersionedContent ID="WebPartPageHideQLStyles" UIVersion="4" runat="server">

   2:     <ContentTemplate>

   3:         <style type="text/css">

   4:          body #s4-leftpanel 

   5:             {

   6:             display:none;

   7:             }

   8:         .s4-ca 

   9:             {

  10:             margin-left:0px;

  11:             }

  12:     </ContentTemplate>

  13: </SharePoint:UIVersionedContent>

  • Una vez comentado el bloque CCS, lo que hacemos es buscar el place holder PlaceHolderLeftNavBar que es el otro responsable de que no se muestre el menú vertical y lo comentamos o eliminamos.
   1: <asp:Content ContentPlaceHolderId="PlaceHolderLeftNavBar" runat="server"></asp:Content>

  • Finalmente, comprobamos que el menú vertical se muestra en la página.

image

Y hasta aquí llega este post sobre como mostrar el menú vertical en páginas de WebParts. Espero que el post os haya resultado interesante.