viernes, 5 de marzo de 2010

Ocultando zonas del CRM

En este artículo vamos a "jugar" un poco con el diseño del CRM, con el Javascript.
He utilizado la herramienta de depuración que nos provee el Internet Explorer 8 (apretando F12), que me parece una maravilla ;) y recomiendo su utilización.
Lo que quise hacer es ver como se vería el CRM si le vamos ocultando las diversas zonas.
Obviamente todo esto esta NO SOPORTADO.
La idea es meter una serie de botones en la barra de herramientas del CRM (ToolBar), de esta forma:


Los botones afectan a las siguientes "zonas":


Un ejemplo del CRM sin el menú de navegación:


Pinchando en los botones se van ocultado las zonas, y pinchando de nuevo se vuelven a ver.
Para esto simplemente hay que añadir en el ISV.Config en el "Toolbar" el siguiente código:

<Button Icon="/_imgs/ico_18_debug.gif" JavaScript="if
(parent.document.frames['menuBar'].document.getElementById('tdLogoMastHeadBar').style.display=='none')
parent.document.frames['menuBar'].document.getElementById('tdLogoMastHeadBar').style.display='inline';
else
parent.document.frames['menuBar'].document.getElementById('tdLogoMastHeadBar').style.display='none';">
<Titles>
<Title LCID="3082" Text="Superior"/>
</Titles>
<ToolTips>
<ToolTip LCID="3082" Text="Superior"/>
</ToolTips>
</Button>


<Button Icon="/_imgs/ico_18_debug.gif" JavaScript="if (parent.document.frames['menuBar'].document.getElementById('leftContextTD').style.display=='none')
parent.document.frames['menuBar'].document.getElementById('leftContextTD').style.display='inline';
else
parent.document.frames['menuBar'].document.getElementById('leftContextTD').style.display='none';">
<Titles>
<Title LCID="3082" Text="Título Área"/>
</Titles>
<ToolTips>
<ToolTip LCID="3082" Text="Título Área"/>
</ToolTips>
</Button>

<Button Icon="/_imgs/ico_18_debug.gif" JavaScript="if (parent.document.frames['menuBar'].document.getElementById('tdStageContextBar').style.display=='none')
parent.document.frames['menuBar'].document.getElementById('tdStageContextBar').style.display='inline';
else
parent.document.frames['menuBar'].document.getElementById('tdStageContextBar').style.display='none';">
<Titles>
<Title LCID="3082" Text="Título Sección"/>
</Titles>
<ToolTips>
<ToolTip LCID="3082" Text="Título Sección"/>
</ToolTips>
</Button>


<Button Icon="/_imgs/ico_18_debug.gif" JavaScript="if (parent.document.frames['stageFrameSet'].cols=='190,*')
parent.document.frames['stageFrameSet'].cols='1,*';
else
parent.document.frames['stageFrameSet'].cols='190,*';">
<Titles>
<Title LCID="3082" Text="Menú navegación"/>
</Titles>
<ToolTips>
<ToolTip LCID="3082" Text="Menú navegación"/>
</ToolTips>
</Button>

Un saludo!

No hay comentarios:

Publicar un comentario