Partilhar via

Painéis, tipos de painel, e esquemas de painel no Unified Service Desk

  • Artigo

O Unified Service Desk para Microsoft Dynamics CRM utiliza painéis para apresentar controlos alojados de diversos tipos. Vários tipos de painéis predefinidos estão disponíveis no Unified Service Desk para suportar várias opções de esquema como o esquema em tabela, esquema de deck e esquema empilhado. Pode definir a disposição destes painéis no ecrã principal do Unified Service Desk utilizando um controlo alojado Esquema do Painel. Mais informações: Esquema do Painel (Controlo Alojado)

Nesta Secção

Painéis no Unified Service Desk

Tipos de painel no Unified Service Desk

Esquemas de painel no Unified Service Desk

Painéis no Unified Service Desk

Sempre que cria um controlo alojado, tem de especificar o painel que o guardarará no campo Grupo de apresentação da página Novo Controlo Alojado. Para a maioria dos tipos de controlo alojado, o Unified Service Desk povoa automaticamente o valor do painel no campo Grupo de apresentação. Por exemplo, MainPanel é utilizado para um tipo de controlo alojado CRM Página e ToolbarPanel é utilizado para o tipo de controlo alojado Contentor da barra de ferramentas.

Os painéis predefinidos seguintes estão disponíveis em Unified Service Desk.

Painel Descrição

MainPanel

A área de trabalho principal no canto inferior direito.

ChatPanel

A localização típica da janela de chat. Está no controlo de scripting de agente.

HiddenPanel

Um painel invisível normalmente utilizado para o componente snuma interface de utilizador (UI).

LeftPanel1

Um painel abaixo de WorkflowPanel a esquerda.

LeftPanel2

Um painel abaixo de LeftPanel1 a esquerda.

LeftPanelFill

Um painel abaixo de LeftPanel2. Este painel expande-se para encher o resto da área disponível na extremidade inferior do painel esquerdo.

RightPanel

Um painel posicionado no lado direito.

CtiPanel *

Um painel posicionado no canto direito superior, é a localização predefinida dos controlos de softphone. Este é um painel de pilha, pelo que é possível adicionar mais de um controlo e serão apresentados junto uns dos outros.

SessionExplorerPanel *

Um painel localizado abaixo dos separadores de sessão que mostram inicialmente as linhas da sessão.

WorkflowPanel *

Um painel localizado abaixo de SessionExplorerPanel que contém normalmente o controlo de scripting do agente.

ToolbarPanel *

Um painel no topo à direita do logótipo do Unified Service Desk e contém normalmente a barra de ferramentas.

RibbonPanel

Apenas para uso interno.

StatusPanel *

Um painel especial localizado a barra de estado na parte inferior da aplicação.

* Esta painéis são habitualmente reservados para objetivos especiais que a utilização destes deverá ser evitada.

Tipos de painel no Unified Service Desk

O Unified Service Desk fornece os seguintes tipos de painel predefinido para suportar várias opções de esquema:

Tipos de painel Descrição

USDTabPanel

Este tipo de painel contém um controlo de separador. Cada controlo alojado é carregado num dos separadores. O nome do separador apresenta o valor especificado em Nome a apresentar de um controlo alojado. Se nenhum nome a apresentar é especificado para o controlo alojado, o nome do controlo alojado é apresentado como o nome do separador. O controlo/cabeçalho do separador é apresentado para este tipo de painel se um ou mais controlos alojados estiverem no mesmo.

USDStackPanel

Este tipo de painel empilha controlos alojados num modo horizontal ou vertical semelhante a um painel de pilha no Windows Presentation Foundation (WPF) (WPF). Estes podem ser úteis para barras de ferramentas ou barras de estado, etc. Este tipo de painel deriva de StackPanel, que suporta uma propriedade Orientação. Esta orientação tem de estar definida em XAML para definir a forma como os controlos alojados devem ser empilhados.

USDDeckTabPanel

Se um único controlo alojado está neste painel, os separadores não serão mostrados. Os separadores de um controlo de separador são mostrados se dois ou mais controlos residirem neste painel.

Nota

Este controlo é o mesmo que USDTabPanel mas existe um estilo nos temas predefinidos que esconderão os separadores na parte superior, quando só um controlo é carregado.

USDCollapsePanel

Este é o mesmo que USDTabPanel mas existe um estilo nos temas predefinidos que fecha este painel automaticamente para não ocupar espaço na IU, se não contiver controlos alojados.

USDFloatingPanel

O ambiente de trabalho predefinido fornece uma instância deste tipo de painel. Quando “FloatingPanelé especificado para um controlo alojado, este tipo do painel é utilizado. Normalmente não especificaria este painel no seu esquema personalizado, contudo, é exposto caso exista uma razão para o utilizar.

USDFloatingToolPanel

Este tipo de painel cria uma janela de ferramentas para cada controlo alojado carregado no mesmo. O ambiente de trabalho predefinido fornece uma instância deste tipo de painel. Quando “FloatingToolPanelé especificado para um controlo alojado, este tipo do painel é utilizado. Normalmente não especificaria este painel no seu esquema personalizado, contudo, é exposto caso exista uma razão para o utilizar.

USDPopUpPanel

Este tipo de painel permite que o conteúdo no controlo alojado seja apresentado sobre a vista principal.

Também pode utilizar estes tipos predefinidos de painel para criar um tipo de painel personalizado no Unified Service Desk. Mais informações: Criar um tipo de painel personalizado

Esquemas de painel no Unified Service Desk

Utilize o esquema do painel para definir a disposição dos painéis no ecrã, utilizando um controlo alojado utilizando um controlo alojado Esquema do Painel. Mais informações: Esquema do Painel (Controlo Alojado)

Esta esquema representa as localizações do esquema de painel Painel principal padrão no Unified Service Desk.

Air theme in Unified Service Desk

Se não existirem esquemas de painel definidos na aplicação Unified Service Desk, é assumido e criado automaticamente o Painel Principal Padrão. Se tiver criado um controlo de Esquema de painel, tem de configurar uma substituição do Painel principal padrão. Qualquer esquema de painel pode ser utilizado em substituição; contudo, é comum definir apenas o painel principal padrão. A área da aplicação completa na janela principal é definida como um painel próprio. Esta área é chamada MainWorkArea.

Uma vez que estes esquemas de painel são controlos alojados, pode utilizar um esquema de painel em qualquer parte onde configuraria um controlo alojado. Uma utilização comum é definir uma vista dividida na área do painel principal. Poderá visualizar uma vista de lista que mostra uma lista de contas na parte superior e uma vista de detalhes na parte inferior. Poderá apresentar um esquema de painel no painel flutuante e mostrá-lo num segundo monitor. Para mais informações sobre a utilização de painéis flutuantes, consulte Configurar as funcionalidade de pop-in e pop-out para artigos da base de dados de conhecimento.

O Unified Service Desk define os seguintes esquemas de painel de utilização geral:

Esquema do Painel Descrição

Painel Principal Padrão

O esquema padrão fornece um esquema tradicional que inclui um conjunto de painéis à esquerda, uma área que pode ser fechada e uma área de trabalho principal à direita. O seguinte é o XAML utilizado para definir o esquema deste componente.

<USD:PanelLayoutBase xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006"
 xmlns:d="https://schemas.microsoft.com/expression/blend/2008"
 mc:Ignorable="d" xmlns:local="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics" xmlns:USD="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Dynamics.PanelLayouts;assembly=Microsoft.Crm.UnifiedServiceDesk.Dynamics"
 d:DesignHeight="300" d:DesignWidth="300">
  <Grid x:Name="LayoutRoot">
    <Grid.Resources>
      <local:CRMImageConverter x:Key="CRMImageLoader" />
                                       <Style x:Key="ImageLogo" TargetType="{x:Type Image}">
   <Setter Property="FlowDirection" Value="LeftToRight"/>
   <Setter Property="Width" Value="161" /> 
   <Setter Property="Height" Value="25" /> 
   <Setter Property="Margin" Value="0" /> 
   <Setter Property="HorizontalAlignment" Value="Left" /> 
   <Setter Property="VerticalAlignment" Value="Center" /> 
  </Style>
    </Grid.Resources>
    <Grid.RowDefinitions>
      <RowDefinition Height="auto"/>
      <RowDefinition Height="*"/>
      <RowDefinition Height="auto"/>
    </Grid.RowDefinitions>
<Border Grid.Row="0" BorderBrush="#d8d8d8" BorderThickness="0,1,0,1">
    <Grid Background="{DynamicResource WindowHeaderStyle}" Grid.Row="0" Margin="0">
      <Grid.ColumnDefinitions>
        <ColumnDefinition Width="auto" />
        <ColumnDefinition Width="auto" />
        <ColumnDefinition Width="*" />
        <ColumnDefinition Width="Auto" />
      </Grid.ColumnDefinitions>
      <Image Grid.Column="0" Source="{Binding Source=msdyusd_Logo, Converter={StaticResource CRMImageLoader}}" Style="{DynamicResource ImageLogo}"   />
      <Rectangle Width="10" Grid.Column="1" />
      <USD:USDDeckTabPanel x:Name="ToolbarPanel" Grid.Column="2" AutomationProperties.Name="Toolbar Panel" VerticalAlignment="Stretch" Focusable="False" Margin="1" />
<Grid Grid.Column="3">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*" />
<ColumnDefinition Width="412"/>
</Grid.ColumnDefinitions>
<Grid.Background>
<ImageBrush ImageSource="{Binding Source=msdyusd_Office15, Converter={StaticResource CRMImageLoader}}" Stretch="Fill" ></ImageBrush>
</Grid.Background>
<USD:USDStackPanel Grid.Column="0" x:Name="CtiPanel" Orientation="Horizontal" Focusable="False" VerticalAlignment="Center" AutomationProperties.Name="Cti Panel"/>
<USD:USDStackPanel Grid.Column="1" HorizontalAlignment="Right" x:Name="AboutPanel" Orientation="Horizontal" Focusable="False" VerticalAlignment="Center" AutomationProperties.Name="AboutPanel"/>
</Grid>
    </Grid>
</Border>
    <Grid Grid.Row="1" VerticalAlignment="Stretch" Margin="0" Background="{DynamicResource WindowBackgroundStyle}">
      <Grid.RowDefinitions>
        <RowDefinition Height="auto" />
        <RowDefinition Height="*" />
        <RowDefinition Height="auto" />
      </Grid.RowDefinitions>
      <USD:USDDeckTabPanel x:Name="SessionTabsPanel" Grid.Row="0" Margin="5,5,0,5" AutomationProperties.Name="Session Tabs Panel" Focusable="False" ClipToBounds="True" />
      <Grid x:Name="MainGrid" Grid.Row="1" AutomationProperties.Name="Main Panels">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="auto" />
          <ColumnDefinition Width="*"/>
        </Grid.ColumnDefinitions>
        <Expander Grid.Column="0" Style="{DynamicResource StretchExpanderStyle}" ExpandDirection="Left" x:Name="ExpanderSessionDetails" IsExpanded="false" BorderBrush="White" >
          <Grid Style="{DynamicResource LeftPanelGrid}">
            <Grid.RowDefinitions>
              <RowDefinition Height="auto" />
              <RowDefinition Height="auto" />
              <RowDefinition Height="auto" Name="ChatPanelRow" />
              <RowDefinition Height="auto" />
              <RowDefinition Height="auto" />
              <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <USD:USDCollapsePanel x:Name="SessionExplorerPanel" AutomationProperties.Name="Session Explorer Panel" Grid.Row="0" Margin="1" />
            <USD:USDCollapsePanel x:Name="WorkflowPanel" AutomationProperties.Name="Workflow Panel" Grid.Row="1" Margin="1" />
            <USD:USDCollapsePanel x:Name="ChatPanel" AutomationProperties.Name="Workflow Panel" Grid.Row="2" Margin="1" />
            <USD:USDCollapsePanel x:Name="LeftPanel1" AutomationProperties.Name="Left Panel 1" Grid.Row="3" Margin="1" />
            <USD:USDCollapsePanel x:Name="LeftPanel2" AutomationProperties.Name="Left Panel 2" Grid.Row="4" Margin="1" />
            <USD:USDDeckTabPanel x:Name="LeftPanelFill" AutomationProperties.Name="Left Panel Fill" Grid.Row="5" Margin="1" />
          </Grid>
        </Expander>
        <Grid Grid.Column="1" Background="Transparent">
          <Grid.RowDefinitions>
            <RowDefinition Height="0" />
            <RowDefinition Height="*" />
          </Grid.RowDefinitions>
          <USD:USDCollapsePanel x:Name="RibbonPanel" Grid.Row="0" Visibility="Collapsed" AutomationProperties.Name="Ribbon Panel" Focusable="False" Margin="1" ClipToBounds="False" SnapsToDevicePixels="True" />
          <USD:USDTabPanel x:Name="MainPanel" Grid.Row="1" AutomationProperties.Name="Main Panel" />
        </Grid>
      </Grid>
    </Grid>
    <StatusBar Margin="0" Background="{DynamicResource WindowHeaderStyle}" Grid.Row="2" Height="auto" VerticalAlignment="Bottom">
      <StatusBarItem Background="{DynamicResource WindowHeaderStyle}" >
        <USD:USDStackPanel x:Name="StatusPanel" Orientation="Horizontal" AutomationProperties.Name="Status Panel" Margin="1" />
      </StatusBarItem>
    </StatusBar>
  </Grid>
</USD:PanelLayoutBase>

Painel Principal do Friso

Apenas para uso interno.

Divisão Horizontal

Trata-se de um esquema especial normalmente utilizado no MainPanel como controlo alojado. Contém um divisor com um painel superior e um painel inferior. É normalmente utilizado para apresentar uma vista de lista na parte superior e uma vista de detalhes na parte inferior semelhante ao Outlook. Dois painéis são definidos neste esquema.

 

Nome do painel Descrição

TopPanel

Este é o painel que apresenta na parte superior. É definido como:

USDDeckTabPanel

BottomPanel

Este é o painel que apresenta na parte inferior. É definido como:

USDDeckTabPanel

Este painel suporta os seguintes ações:

 

Ação Descrição

SetTopPanelHeight

Esta ação pode ser utilizada para definir a altura do painel. Suporte dois parâmetros, altura e tipo.

O tipo pode ser qualquer um dos seguintes valores:

  • Auto: dimensionado para os componentes no interior

  • Pixel: o número de pixéis

  • Estrela: ocupa o espaço restante

A interpretação do parâmetro de altura depende deste valor de tipo. Para mais informações, consulte a documentação Windows Presentation Foundation (WPF) (WPF) https://msdn.microsoft.com/en-us/library/ms754130(v=vs.100).aspx.

SetBottomPanelHeight

Esta ação pode ser utilizada para definir a altura inferior do painel. Suporte dois parâmetros, altura e tipo.

O tipo pode ser qualquer um dos seguintes valores:

  • Auto: dimensionado para os componentes no interior

  • Pixel: o número de pixéis

  • Estrela: ocupa o espaço restante

A interpretação do parâmetro de altura depende deste valor de tipo. Para mais informações, consulte a documentação do WPF.

Divisão Vertical

Trata-se de um esquema especial que contém um divisor vertical com um painel esquerdo e um painel direito.

 

Nome do painel Descrição

LeftPanel

Este é o painel que apresenta na parte esquerda. É definido como:

USDDeckTabPanel

RightPanel

Este é o painel que apresenta na parte direita. É definido como:

USDDeckTabPanel

Este painel suporta os seguintes ações:

 

Ação Descrição

SetLeftPanelWidth

Esta ação pode ser utilizada para definir a largura do painel esquerdo. Suporte dois parâmetros, largura e tipo.

O tipo pode ser qualquer um dos seguintes valores:

  • Auto: dimensionado para os componentes no interior

  • Pixel: o número de pixéis

  • Estrela: ocupa o espaço restante

A interpretação do parâmetro de largura depende deste valor de tipo. Para mais informações, consulte a documentação do WPF.

SetRightPanelWidth

Esta ação pode ser utilizada para definir a largura do painel direito. Suporte dois parâmetros, largura e tipo.

O tipo pode ser qualquer um dos seguintes valores:

  • Auto: dimensionado para os componentes no interior

  • Pixel: o número de pixéis

  • Estrela: ocupa o espaço restante

A interpretação do parâmetro de largura depende deste valor de tipo. Consulte a documentação do WPF para mais detalhes.

XAML

Uma das formas mais rápidas para criar um esquema personalizado. Contudo, esta opção não suporta código subjacente. Como resultado, se não conseguir descrever o seu esquema sem código, não é possível utilizar esta opção e deverá utilizar a opção Definido pelo utilizador. Para mais informações, consulte Código subjacente e XAML no WPF.

Segue-se um exemplo de um esquema XAML.

 <Grid xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"
     xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"
     xmlns:mc="https://schemas.openxmlformats.org/markup-compatibility/2006" 
     xmlns:d="https://schemas.microsoft.com/expression/blend/2008" 
     mc:Ignorable="d" xmlns: USD="clr-namespace:Dynamics.PanelLayouts;assembly=Dynamics">
  <Grid.RowDefinitions>
  <RowDefinition Height="*" x:Name="TopPanelRow" />
  <RowDefinition Height="auto" />
  <RowDefinition Height="*" x:Name="BottomPanelRow" />
  </Grid.RowDefinitions>
  < USD: USDDeckTabPanel Grid.Row="1" x:Name="TopPanel" Focusable="False" ClipToBounds="True" />
  <GridSplitter Height="5" Grid.Row="2" VerticalAlignment="Top" HorizontalAlignment="Stretch" ResizeDirection="Rows" ResizeBehavior="PreviousAndNext" />
  <USD: USDDeckTabPanel Grid.Row="3" x:Name="BottomPanel" />
 </Grid>

Para obter detalhes sobre os tipos de painel que podem ser definidos e utilizados em XAML, consulte Tipos de painel no Unified Service Desk.

Definido Pelo Utilizador

Esta definição permite-lhe criar um controlo alojado com código subjacente para obter as funcionalidades completas do.NET para processar o esquema.

Para obter detalhes sobre os tipos de painel que podem ser definidos e utilizados num painel definido pelo utilizador, consulte Tipos de painel no Unified Service Desk.

Para obter informações sobre como criar um esquema de painel personalizado, consulte Criar um esquema de painel personalizado

Consulte Também

Outros Recursos

Utilizar tipos e esquemas de painel personalizados

Unified Service Desk
Send comments about this topic to Microsoft.
© 2015 Microsoft. All rights reserved.