Unified Service Desk for Microsoft Dynamics 365 use los paneles para mostrar controles hospedados de diferentes tipos. Los diferentes tipos de paneles predefinidos están disponibles en Unified Service Desk para admitir diversas opciones de diseño, como diseño tabulado, diseño de portada y diseño apilado. Defina la organización de estos paneles en la pantalla principal de Unified Service Desk mediante el uso de un control hospedado Diseño de panel.Más información:Diseño de panel (control hospedado)
En esta sección
Paneles de Unified Service Desk
Tipos de panel en Unified Service Desk
Diseños de en Unified Service Desk
Paneles de Unified Service Desk
Cuando crea un control hospedado, tiene que especificar el panel que lo mantendrá en el campo Mostrar grupo de la página Nueva control hospedado. Para la mayoría de los tipos de control hospedado, Unified Service Desk rellena automáticamente un valor del panel en el campo Mostrar grupo. Por ejemplo, MainPanel se usa para un tipo de control hospedado Página de CRM y ToolbarPanel se usa para el tipo de control hospedado Contenedor de la barra de herramientas.
Los paneles predefinidos siguientes están disponibles en Unified Service Desk.
Panel
Descripción
MainPanel
El área de trabajo principal en la parte inferior derecha.
ChatPanel
La ubicación típica de la ventana de chat. Se encuentra bajo el control de script del agente.
HiddenPanel
Un panel no visible usado normalmente para componente sin una interfaz de usuario (UI).
LeftPanel1
Un panel justo bajo WorkflowPanel a la izquierda.
LeftPanel2
Un panel justo bajo LeftPanel1 a la izquierda.
LeftPanelFill
Un panel justo bajo LeftPanel2. Este panel se amplía para llenar el resto del área disponible hasta el borde inferior del panel izquierdo.
RightPanel
Un panel situado en la parte derecha.
CtiPanel *
Un panel situado en la parte superior derecha, es la ubicación predeterminada de controles de softphone. Se trata de un panel de pila de modo que se pueda agregar más de un control y se muestren unos junto a otros.
SessionExplorerPanel *
Un panel situado justo bajo las pestañas de sesión donde se suelen mostrar las líneas de sesión.
WorkflowPanel *
Un panel situado justo bajo SessionExplorerPanel y suele contener el control de scripts de agente.
ToolbarPanel *
Un panel en la parte de arriba del todo a la derecha del logotipo de Unified Service Desk y normalmente contiene la barra de herramientas.
RibbonPanel
Sólo para uso interno.
StatusPanel *
Un panel especial situado en la barra de estado en la parte inferior de la aplicación.
* Estos paneles se reservan normalmente para fines especiales. Por tanto, su uso deberá evitarse a menos que se requiera.
Con Unified Service Desk 2.2.1 o posterior, también puede asignar métodos abreviados de teclado para los paneles de forma que los agentes de servicio al cliente puedan acceder directamente al panel en la aplicación cliente utilizando solo el teclado.Más información:Métodos abreviados de teclado para paneles
Tipos de panel en Unified Service Desk
Unified Service Desk proporciona los siguientes tipos de paneles predefinidos para admitir diferentes opciones de diseño:
Tipo de panel
Descripción
USDTabPanel
Este tipo de panel contiene un control de pestaña. Cada control hospedado se carga en una de las pestañas. El nombre de la pestaña muestra el valor especificado en el campo Nombre para mostrar de un control hospedado. Si no se especifica un nombre para mostrar para un control hospedado, el nombre del control hospedado se mostrará como el nombre de la pestaña. El control/encabezado de la pestaña se muestra para este tipo de panel si uno o varios controles hospedados están en él.
USDStackPanel
Este tipo de panel apila controles hospedados en modo horizontal o vertical de forma similar a un panel de pila en Windows Presentation Foundation (WPF). Estos pueden ser útiles para barras de herramientas o barras de estado, etc. Este tipo de panel se deriva del StackPanel, que admite una propiedad Orientación. Esta orientación debe definirse en el XAML para definir de qué forma debe apilarse los controles hospedados.
USDDeckTabPanel
Si hay un único control hospedado en el panel, las pestañas no se muestran. Las pestañas de un control de pestaña se muestran si hay dos o más controles en este panel.
Nota
Este control es el mismo que el USDTabPanel, pero hay un estilo en los temas predeterminados que ocultará las pestañas en la parte superior, solo cuando se cargue un control.
USDCollapsePanel
Es el mismo que el USDTabPanel pero se define un estilo en los temas predeterminados que contraerá automáticamente este tipo del panel para que deje de ocupar espacio en la interfaz de usuario, si no se cargan controles hospedados en ella.
USDFloatingPanel
El escritorio predeterminado proporciona una instancia de este tipo de panel. Cuando se especifica "FloatingPanel" para un control hospedado, se usa este tipo de panel. Normalmente no especificaría este tipo de panel en el diseño personalizado. No obstante, se expone en el caso de que haya una razón para usarlo.
USDFloatingToolPanel
Este tipo de panel crea una ventana de herramientas para cada control hospedado cargado en él. El escritorio predeterminado proporciona una instancia de este tipo de panel. Cuando se especifica "FloatingToolPanel" para un control hospedado, se usa este tipo de panel. Normalmente no especificaría este tipo de panel en el diseño personalizado. No obstante, se expone en el caso de que haya una razón para usarlo.
USDPopUpPanel
Este tipo de panel permite que el contenido del control hospedado se sitúe con el puntero sobre la vista principal.
También puede usar estos tipos predefinidos del panel para crear un tipo de panel personalizado en Unified Service Desk.Más información:Crear un tipo de panel personalizado
Diseños de en Unified Service Desk
Use un diseño de panel para definir la organización de paneles en la pantalla del cliente de Unified Service Desk. Un diseño de panel se define mediante un control hospedado Diseño de panel.Más información:Diseño de panel (control hospedado)
El diseño siguiente describe el tipo Panel principal estándar del diseño de panel (también conocido como diseño del panel estándar) en Unified Service Desk.
Nota
Si no crea ningún diseño de panel en la configuración de Unified Service Desk, el diseño de panel estándar se usa automáticamente para mostrar paneles y controles en la aplicación cliente.
El área de aplicación completa de la ventana principal se define como un panel mismo, y se denomina MainWorkArea. Cuando define el tipo XAML o tipo User-Defined del diseño de panel, se usa MainWorkArea como el valor del panel para el campo Grupo de visualización.
Dado que los diseños de panel son controles hospedados, puede usar un diseño de panel en cualquier lugar donde hubiera configurado un control hospedado. Un uso común de esto es definir una vista dividida en el área del panel principal. Puede mostrar una vista de lista mostrando una lista de cuentas en la parte superior y una vista de detalle en la parte inferior. Puede mostrar un diseño de panel completo en el panel flotante y mostrarlo en un segundo monitor. Para obtener más información acerca del uso de paneles flotantes, consulte Configure la característica de introducir y extraer para artículos de knowledge base.
Unified Service Desk proporciona los siguientes tipos de diseños de panel:
Diseño de panel
Descripción
Panel principal estándar
El diseño de panel estándar proporciona el diseño tradicional incluida una serie de paneles en el área contraíble de la izquierda y un área de trabajo principal a la derecha. Lo siguiente es el XAML usado para definir el diseño del panel. También puede encontrar este XAML en el SDK de User Interface Integration (UII).Descargue el paquete, y extráigalo para ver el archivo SamplePanelLayout.xaml en el directorio "UII\USD Developer Assets\USD Layout and Style Sheet".
Este es un diseño especial usado normalmente en MainPanel como control hospedado. Contiene un divisor con un panel superior y un panel inferior. Normalmente se usa para mostrar una vista de lista en la parte superior y una vista de detalle en la parte inferior similar a Outlook. Se definen dos paneles en este diseño.
Nombre del panel
Descripción
TopPanel
Este es el panel que se muestra en la parte superior. Se define como:
USDDeckTabPanel
BottomPanel
Este es el panel que se muestra en la parte inferior. Se define como:
USDDeckTabPanel
</div>
<p>Este panel admite las siguientes acciones:</p>
<div>
<table>
<tr>
<th>
<p>Acción</p>
</th>
<th>
<p>Descripción</p>
</th>
</tr>
<tr>
<td>
<p>SetTopPanelHeight</p>
</td>
<td>
<p>Esta acción se puede usar para establecer el alto del panel superior. Admite dos parámetros, alto y tipo.</p>
<p>El tipo puede ser cualquiera de los siguientes valores:</p>
<ul class="unordered">
<li>
<p>
<strong>Automático</strong>: ajustado para organizar los componentes dentro</p>
</li>
<li>
<p>
<strong>Píxel</strong>: el número de píxeles</p>
</li>
<li>
<p>
<strong>Estrella</strong>: ocupa el espacio restante</p>
</li>
</ul>
<p>La interpretación del parámetro de alto depende de este valor de tipo. Para obtener más información, vea la <a runat="server" target="blank" href="https://msdn.microsoft.com/library/ms754130(v=vs.100).aspx">documentación</a> de Windows Presentation Foundation (WPF).</p>
</td>
</tr>
<tr>
<td>
<p>SetBottomPanelHeight</p>
</td>
<td>
<p>Esta acción se puede usar para establecer el alto del panel inferior. Admite dos parámetros, alto y tipo.</p>
<p>El tipo puede ser cualquiera de los siguientes valores:</p>
<ul class="unordered">
<li>
<p>
<strong>Automático</strong>: ajustado para organizar los componentes dentro</p>
</li>
<li>
<p>
<strong>Píxel</strong>: el número de píxeles</p>
</li>
<li>
<p>
<strong>Estrella</strong>: ocupa el espacio restante</p>
</li>
</ul>
<p>La interpretación del parámetro de alto depende de este valor de tipo. Para obtener más información, vea la <a runat="server" target="blank" href="https://msdn.microsoft.com/en-us/library/ms754130(v=vs.100).aspx">documentación</a> sobre WPF.</p>
</td>
</tr>
</table>
</div>
<p />
</td>
División vertical
Este es un diseño especial que contiene un divisor vertical con un panel izquierdo y un panel derecho.
Nombre del panel
Descripción
LeftPanel
Este es el panel que se muestra en la parte izquierda. Se define como:
USDDeckTabPanel
RightPanel
Este es el panel que se muestra en la parte derecha. Se define como:
USDDeckTabPanel
</div>
<p>Este panel admite las siguientes acciones:</p>
<div>
<table>
<tr>
<th>
<p>Acción</p>
</th>
<th>
<p>Descripción</p>
</th>
</tr>
<tr>
<td>
<p>SetLeftPanelWidth</p>
</td>
<td>
<p>Esta acción se puede usar para establecer el ancho del panel izquierdo. Admite dos parámetros, ancho y tipo.</p>
<p>El tipo puede ser cualquiera de los siguientes valores:</p>
<ul class="unordered">
<li>
<p>
<strong xmlns="http://www.w3.org/1999/xhtml">Automático</strong>: ajustado para organizar los componentes dentro</p>
</li>
<li>
<p>
<strong xmlns="http://www.w3.org/1999/xhtml">Píxel</strong>: el número de píxeles</p>
</li>
<li>
<p>
<strong xmlns="http://www.w3.org/1999/xhtml">Estrella</strong>: ocupa el espacio restante</p>
</li>
</ul>
<p>La interpretación del parámetro de ancho depende de este valor de tipo. Para obtener más información, vea la <a runat="server" target="blank" href="https://msdn.microsoft.com/library/ms754130(v=vs.100).aspx">documentación</a> sobre WPF.</p>
</td>
</tr>
<tr>
<td>
<p>SetRightPanelWidth</p>
</td>
<td>
<p>Esta acción se puede usar para establecer el ancho del panel derecho. Admite dos parámetros, ancho y tipo.</p>
<p>El tipo puede ser cualquiera de los siguientes valores:</p>
<ul class="unordered">
<li>
<p>
<strong xmlns="http://www.w3.org/1999/xhtml">Automático</strong>: ajustado para organizar los componentes dentro</p>
</li>
<li>
<p>
<strong xmlns="http://www.w3.org/1999/xhtml">Píxel</strong>: el número de píxeles</p>
</li>
<li>
<p>
<strong xmlns="http://www.w3.org/1999/xhtml">Estrella</strong>: ocupa el espacio restante</p>
</li>
</ul>
<p>La interpretación del parámetro de ancho depende de este valor de tipo. Para obtener más información, vea la documentación sobre WPF.</p>
</td>
</tr>
</table>
</div>
<p />
</td>
XAML
Una de las formas más rápidas de crear un diseño personalizado. Sin embargo, esta opción no admite código subyacente. Como resultado, si no es posible describir el diseño sin código, no puede usar esta opción y debe usar en su lugar la opción Definido por el usuario. Para obtener más información, consulte Código subyacente y XAML en WPF.
Para obtener más información sobre qué tipos de panel se pueden definir y usar en este XAML, consulte Tipos de panel en Unified Service Desk.
Definido por el usuario
Esta opción le permite crear un control hospedado con código subyacente para obtener todas las características de .NET en la administración del diseño.
Para obtener más información sobre qué tipos de panel se pueden definir y usar en un panel definido por el usuario, consulte Tipos de panel en Unified Service Desk.
.jpeg "Tema Aire en Unified Service Desk")