Ocultar elementos de navegación de SharePoint (wss2/sps2003) en páginas y formularios.

Estos días estuve preparando un sitio con encuestas para mi cliente. La gestión de encuestas en SharePoint es muy fácil y eso gusta mucho, sin embargo las páginas de las encuestas incluyen algunos elementos que pueden “despistar al usuario”(por ejemplo el menú Create o Documents and Lists).

Además el cliente no quería que el usuario navegue por las páginas del sitio, ni acceda a los resultados de la encuesta solo que conteste las preguntas.

A continuación describo un pequeño truco para resolver el inconveniente planteado. Creo que esta técnica es con alguna variación es aplicable en WSS3 y MOSS

Para el usuario final el acceso a la encuesta se realizara por medio de un enlace, el usuario final navegara a la página en la que se responde la encuesta(NewForm.aspx).

Vamos a aplicar el truco y modificar la pagina NewForm.aspx, para ello añada a la dirección URL de la página NewForm.aspx estos parámetros &ToolPaneView=2

Ejemplo:

- URL original

- URL manipulada

Al refrescar la pagina en la nueva URL aparece el panel de herramientas.

Ahora arrastramos el WebPart “Editor de contenido” y en el(editando código HTML):

- Colocamos JavaScript y estilos CSS para ocultar los elementos(los nombres de clases CSS y los Id’s de los elementos se pueden obtener con la herramienta IE Developer Toolbar)

- Colocamos elementos HTML decorativos (un texto, una imagen, etc.)

El JavaScript que use es este:

<style>
.ms-navframe {
  display: none;
}

.ms-titleareaframe {
  display: none;
}
.ms-bannerframe{
  display: none;
}
</style>
<script language=”JavaScript”>

document.getElementById(‘HBN100′).style.visibility=’hidden’;
document.getElementById(‘onetidHeadbnnr0′).style.visibility=’hidden’;
document.getElementById(‘onetidPortalConn’).style.visibility=’hidden’;
document.getElementById(‘onettopnavbar1002-1′).style.visibility=’hidden’;
document.getElementById(‘onettopnavbar1002-2′).style.visibility=’hidden’;
document.getElementById(‘onettopnavbar1002-3′).style.visibility=’hidden’;
document.getElementById(‘onettopnavbar1002-4′).style.visibility=’hidden’;

</script>

El resultado es:  

El mismo metodo aplicamos a la pagina overview.aspx que es la que aparece cuando el usuario pulsa Save and Close.

Espero que os sirva este truco:-)