Ocultando zonas mediante Content Editor Web Part

Content Editor Web Part nos permite introducir una parte de código añadido, sin necesidad de manipular nuestra pagina en asp. En este caso necesitaba adaptar una pagina ya creada y centrarme básicamente en su cuerpo, restándole valor a los menús predeterminados en la masterpage. Por ello use el Content Editor Web Part para sobre escribir los estilos de la pagina.

 

El primer paso es localizar el estilo que usa la región que queremos ocultar, las developer tools que ofrece IE8 (F12 para acceso rápido) facilitan bastante la tarea, ya que seleccionando la zona n os muestra todos los estilos que utiliza (incluso los sobrescritos mediante texto tachado).

En la siguiente captura se puede ver la región superior de la pagina y si estilo:

 

image

 

 

También tenemos la posibilidad de usar la guía de estilos de SharePoint que nos ofrece Heather Solomon, para una edición mas minuciosa:

http://www.heathersolomon.com/content/sp07cssreference.htm

Basándonos en el estilo escogido y usando el editor de código de Content Editor Web Part :

image

 

En este ejemplo , las secciones que desaparecerán, serán la superior (ms-globalbreadcrumb) y el menú lateral (ms-nav), dándoles un estilo: {display:none;}

image

Y el sitio nos quedaría así: 

image

Un poco feo en este caso, pero cuando  es necesario quitar elementos, de esta manera será mas rápido y sencillo que buscando la hoja de estilos en el directorio 12, o modificar el aspx por código Recordar que en las propiedades de la Content editor Web Part también podemos ocultarla y que sea solo visible en el modo edición, en caso de que solo la usemos para esta tarea.

2 comentarios en “Ocultando zonas mediante Content Editor Web Part”

  1. Excelente tip Jesús! A mí la Content Editor Web Part me parece muy útil para ciertas personalizaciones de páginas de SharePoint.

    Un saludo

    JC’s

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *