Procedimiento para personalizar la visualización de Inicio rápido
Última modificación: lunes, 01 de noviembre de 2010
Hace referencia a: SharePoint Foundation 2010
Están disponibles varias opciones para los programadores que deseen personalizar la apariencia y el comportamiento de Inicio rápido, el menú del área de navegación izquierda de las páginas de un sitio web de Microsoft SharePoint Foundation. Una técnica muy usada es modificar los atributos del control que representa el menú Inicio rápido. Otro enfoque es reemplazar el control de menú con un tipo completamente diferente de control de navegación. En este tema se proporcionan ejemplos que usan ambos métodos.
Modificación del control de menú
Puede modificar la apariencia de Inicio rápido al establecer atributos en el control AspMenu que muestra sus nodos de navegación. Por ejemplo, puede establecer atributos que contraigan la vista del menú a solo encabezados y agregar menús desplegables para mostrar los niveles subordinados del menú.
El control de menú se define en la página principal predeterminada para el sitio web. Para cambiar las características del menú, debe personalizar la página principal predeterminada instalada originalmente o crear una página principal personalizada y establecerla como predeterminada.
Para mostrar los menús desplegables mediante la modificación de la página principal predeterminada
Abra el explorador y navegue al sitio web que desea personalizar.
Haga clic en Acciones del sitio y, a continuación, haga clic en Configuración del sitio.
En la sección Galerías, haga clic en Páginas principales.
Seleccione v4.master. A continuación, haga clic en Editar documento en la cinta de opciones.
La página principal se abre en el editor predeterminado. Si Microsoft SharePoint Designer 2010 está instalado en su equipo, el archivo se abre en SharePoint Designer.
Cierre el explorador.
Nota
Si hay abierta una página asignada al sitio, es posible que no pueda guardar los cambios en la página principal predeterminada del sitio.
Busque el control de menú Inicio rápido. Puede encontrar el control en la vista Código mediante la búsqueda en la siguiente cadena: <SharePoint:AspMenu id="V4QuickLaunchMenu"
Establezca el valor de los atributos StaticDisplayLevels y MaximumDynamicDisplayLevels en 1, de la siguiente manera:
<SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" EnableViewState="false" DataSourceId="QuickLaunchSiteMap" UseSimpleRendering="true" UseSeparateCss="false" Orientation="Vertical" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" SkipLinkText="" CssClass="s4-ql" />De manera predeterminada, el atributo StaticDisplayLevels está establecido en 2. Esto significa que cuando se representa la página, el área Inicio rápido de la barra de navegación izquierda tiene dos niveles de menú: una serie de encabezados y, debajo de cada uno, un conjunto de vínculos secundarios. Al cambiar el valor a 1, solo se mostrarán los encabezados.
El valor predeterminado del atributo MaximumDynamicDisplayLevels es 0. Esto deshabilita los menús desplegables. Al establecer el valor en 1, el primer nivel de menú debajo del último nivel del menú estático aparece en un menú desplegable. En este caso, los menús desplegables para el primer nivel aparecen debajo de los encabezados.
Guarde el archivo y abra una página del sitio web para ver el resultado de los cambios.
Para mostrar menús desplegables mediante la creación de una página principal
En SharePoint Designer 2010, abra el sitio web que desee personalizar.
En el panel Navegación, seleccione Páginas principales.
Haga clic con el botón secundario en v4.master y, a continuación, haga clic en Copiar.
Haga clic con el botón secundario en un área vacía del panel Páginas principales y haga clic en Pegar.
Se crea el archivo v4_copy(1).master.
Haga clic con el botón secundario en v4_copy(1).master, haga clic en Cambiar nombre y escriba un nombre nuevo; por ejemplo, my.master.
Abra el archivo nuevo para su edición.
Busque el control de menú Inicio rápido. Puede encontrar el control en la vista Código mediante la búsqueda en la siguiente cadena: <SharePoint:AspMenu id="V4QuickLaunchMenu"
Establezca el valor de los atributos StaticDisplayLevels y MaximumDynamicDisplayLevels en 1, de la siguiente manera:
<SharePoint:AspMenu id="V4QuickLaunchMenu" runat="server" EnableViewState="false" DataSourceId="QuickLaunchSiteMap" UseSimpleRendering="true" UseSeparateCss="false" Orientation="Vertical" StaticDisplayLevels="1" MaximumDynamicDisplayLevels="1" SkipLinkText="" CssClass="s4-ql" />En el menú Archivo, haga clic en Guardar.
Nota
Si hay abierta en el explorador una página asignada al sitio, es posible que no pueda guardar los cambios en la página principal predeterminada del sitio. Si esto ocurre, cierre el explorador y vuelva a intentarlo.
En el panel Navegación, seleccione Páginas principales.
Haga clic con el botón secundario en el nombre de la página principal y, a continuación, haga clic en Establecer como página principal predeterminada.
Nota
También puede establecer una página principal personalizada como predeterminada mediante la escritura de código que establezca el valor de la propiedad SPWeb.MasterUrl.
Abra una página del sitio web para ver el resultado de los cambios.
Reemplazo del control de menú
Puede reemplazar el control AspMenu con otro control, como el control SPTreeView que muestra un árbol de nodos que se contraen y expanden.
Para reemplazar el control de menú con un control TreeView
En SharePoint Designer 2010, abra el sitio web que desee personalizar.
En el panel Navegación, seleccione Páginas principales.
Haga clic con el botón secundario en v4.master y, a continuación, haga clic en Copiar.
Haga clic con el botón secundario en un área vacía del panel Páginas principales y haga clic en Pegar.
Se crea el archivo v4_copy(1).master.
Haga clic con el botón secundario en v4_copy(1).master, haga clic en Cambiar nombre y escriba un nombre nuevo; por ejemplo, my.master.
Abra el archivo nuevo para su edición.
Busque el control de menú Inicio rápido. Puede encontrar el control en la vista Código mediante la búsqueda en la siguiente cadena: <SharePoint:AspMenu id="V4QuickLaunchMenu"
Haga clic con el botón secundario en V4QuickLaunchMenu, elija Seleccionar etiqueta y, a continuación, presione la tecla Suprimir.
Reemplace el marcado eliminado con el marcado para tres controles nuevos, un control SPHierarchyDataSourceControl y un control SPRememberScroll que contiene un control SPTreeView.
<SharePoint:SPHierarchyDataSourceControl id="MyTreeViewDataSource" runat="server" RootContextObject="Web" IncludeDiscussionFolders="true" /> <SharePoint:SPRememberScroll id="MyTreeViewRememberScroll" runat="server" onscroll="javascript:_spRecordScrollPositions(this);" Style="overflow: auto;height: 400px;width: 150px; "> <SharePoint:SPTreeView id="MyWebTreeView" runat="server" ShowLines="true" DataSourceId="MyTreeViewDataSource" ExpandDepth="3" SelectedNodeStyle-CssClass="ms-tvselected" NodeStyle-CssClass="ms-navitem" NodeStyle-HorizontalPadding="2" NodeStyle-VerticalPadding="5" SkipLinkText="" NodeIndent="20" ExpandImageUrl="/_layouts/images/tvplus.gif" CollapseImageUrl="/_layouts/images/tvminus.gif" NoExpandImageUrl="/_layouts/images/tvblank.gif" /> </SharePoint:SPRememberScroll>Este marcado expande los tres nodos superiores de manera predeterminada, especifica las líneas entre los nodos e indica los valores para el espacio vertical y la sangría.
En el menú Archivo, haga clic en Guardar.
Nota
Si hay abierta en el explorador una página asignada al sitio, es posible que no pueda guardar los cambios en la página principal predeterminada del sitio. Si esto ocurre, cierre el explorador y vuelva a intentarlo.
En el panel Navegación, seleccione Páginas principales. Haga clic con el botón secundario en el nombre de la página principal y, a continuación, haga clic en Establecer como página principal predeterminada.
Abra una página del sitio web para ver el resultado de los cambios.
Vea también
Conceptos
Páginas maestras predeterminadas en SharePoint Foundation
Procedimiento para compartir la barra de vínculos superior entre sitios