jueves, 28 de junio de 2007 16:03
por
jorgedieguez
Ocultar elementos de navegación de SharePoint Services 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.