Paneler, paneltyper og panellayout i Unified Service Desk

Artikel
04/18/2017

Udgivet: november 2016

Gælder for: Dynamics 365 (online), Dynamics 365 (on-premises), Dynamics CRM 2013, Dynamics CRM 2015, Dynamics CRM 2016

Unified Service Desk til Microsoft Dynamics 365 bruger paneler til visning af tilknyttede kontrolelementer af forskellige typer. Forskellige foruddefinerede paneltyper er tilgængelige i Unified Service Desk til at understøtte en lang række indstillinger som fanelayout, dæklayout og stablet layout. Du definerer placeringen af panelerne på hovedskærmbilledet i Unified Service Desk ved hjælp af et tilknyttet kontrolelement af typen Panellayout.Flere oplysninger:Panellayout (tilknyttet kontrolelement)

Dette afsnit indeholder

Paneler i Unified Service Desk

Paneltyper i Unified Service Desk

Panellayouts i Unified Service Desk

Paneler i Unified Service Desk

Hver gang du opretter et tilknyttet kontrolelement, skal du angive det panel, der indeholder det i feltet Visningsgruppe på siden Nyt tilknyttet kontrolelement. For de fleste typer tilknyttede kontrolelement udfylder Unified Service Desk automatisk en panelværdi i feltet Visningsgruppe.MainPanel bruges f.eks. til et kontrolelement af typen CRM-side, og ToolbarPanel bruges til det tilknyttede kontrolelement af typen Værktøjslinjebeholder.

Følgende foruddefinerede paneler er tilgængelige i Unified Service Desk.

Panel	Beskrivelse
MainPanel	Vigtigste arbejdsområde nederst til højre.
ChatPanel	Den typiske placering i chatvinduet. Det er under kontrolelementet Helpdesk medarbejderscripting.
HiddenPanel	Et ikke-synligt panel, der normalt bruges til komponenter uden en brugergrænseflade (UI).
LeftPanel1	Et panel lige under WorkflowPanel til venstre.
LeftPanel2	Et panel lige under LeftPanel1 til venstre.
LeftPanelFill	Et panel lige under LeftPanel2. Dette panel udvides til at udfylde resten af området, der er tilgængelig til den nederste kant af panelet til venstre.
RightPanel	Et panel, der er placeret i højre side.
CtiPanel *	Et panel, der er placeret i øverste højre hjørne. Det er standardplaceringen for softphone-kontrolelementer. Dette er et stakpanel, så mere end ét kontrolelement kan tilføjes og vises ved siden af hinanden.
SessionExplorerPanel *	Et panel, der er placeret lige under sessionsfanerne, hvor du typisk får vist sessionslinjerne.
WorkflowPanel *	Et panel placeret lige under SessionExplorerPanel og indeholder normalt kontrolelementet Helpdesk medarbejderscripting.
ToolbarPanel *	Et panel øverst til højre for Unified Service Desk-logoet, og som typisk indeholder værktøjslinjen.
RibbonPanel	Kun til intern brug.
StatusPanel *	Et særlig panel, der er placeret på statuslinjen i bunden af programmet.

* Panelerne er generelt reserveret til særlige formål, så brug af disse bør undgås, medmindre det er nødvendigt.

Med Unified Service Desk 2.2.1 eller nyere kan du også tildele tastaturgenveje til paneler, så kundeservicemedarbejdere har direkte adgang til panelet i klientprogrammet ved kun at bruge tastaturet.Flere oplysninger:Tastaturgenveje til paneler

Paneltyper i Unified Service Desk

Unified Service Desk indeholder følgende foruddefinerede paneltyper for at understøtte en lang række indstillinger for layout:

Paneltype	Beskrivelse
USDTabPanel	Dette panel indeholder et fanekontrolelement. De tilknyttede kontrolelementer er indlæst på en af fanerne. Fanenavnet viser den værdi, der er angivet i Visningsnavn indgivet af et tilknyttet kontrolelement. Hvis intet navn er angivet for et tilknyttet kontrolelement vises navnet på det tilknyttede kontrolelementet som fanenavnet. Kontrolelement/hovedet for fanen vises for denne paneltype, hvis et eller flere tilknyttede kontrolelementer er på den.
USDStackPanel	Denne paneltype stakker tilknyttede kontrolelementer i en vandret eller lodret måde, der ligner en stak med paneler i Windows Presentation Foundation (WPF). Det kan være nyttigt til værktøjslinjer eller statuslinjer osv. Denne paneltype er afledt af StackPanel, som understøtter en Retning-egenskab. Denne retning skal være defineret i XAML for at definere, hvordan de tilknyttede kontrolelementer stables.
USDDeckTabPanel	Hvis der er et enkelt tilknyttet kontrolelement på panelet, vises fanerne ikke. Fanerne for et fanekontrolelement vises, hvis to eller flere kontrolelementer er placeret på dette panel. Bemærk Dette kontrolelement er den samme som USDTabPanel , men der findes en typografi i standardtemaer, der vil skjule fanerne øverst, når kun ét kontrolelement indlæses.
USDCollapsePanel	Dette er den samme som USDTabPanel, men der er defineret en typografi i standardtemaer, der automatisk vil skjule denne paneltype, så det ikke længere optager plads i brugergrænsefladen, hvis ingen tilknyttede kontrolelementer er indlæst i den.
USDFloatingPanel	Standard-pc'en indeholder en forekomst af denne paneltype. Når "FloatingPanel" er angivet for et tilknyttet kontrolelement, bruges denne paneltype. Normalt ville du ikke angive denne paneltype i dit brugerdefinerede layout, men det udsættes i tilfælde af, at der er en grund til at bruge det.
USDFloatingToolPanel	Denne paneltype opretter et vindue med værktøj for alle tilknyttede kontrolelementer indlæst i det. Standard-pc'en indeholder en forekomst af denne paneltype. Når "FloatingToolPanel" er angivet for et tilknyttet kontrolelement, bruges denne paneltype. Normalt ville du ikke angive denne paneltype i dit brugerdefinerede layout, men det udsættes i tilfælde af, at der er en grund til at bruge det.
USDPopUpPanel	Denne paneltype aktiverer indholdet i det tilknyttede kontrolelement, der peger på hovedvisningen.

Du kan også bruge disse foruddefinerede paneltyper til at oprette en brugerdefineret paneltype i Unified Service Desk.Flere oplysninger:Oprette en brugerdefineret paneltype

Panellayouts i Unified Service Desk

Brug et panellayout til at definere placeringen af paneler på skærmbilledet i Unified Service Desk-klienten. Et panellayout defineres ved hjælp af et Panellayout tilknyttet kontrolelementet.Flere oplysninger:Panellayout (tilknyttet kontrolelement)

Følgende layout skildrer panellayouttypen Standardhovedpanel (også kaldet standardpanellayout) i Unified Service Desk.

Lufttema i Unified Service Desk

Bemærk

Hvis du ikke opretter et panellayoutet i din Unified Service Desk-konfiguration, bruges standardpanellayoutet automatisk til at vise paneler og kontrolelementer i klientprogrammet.

Det samlede programområde i hovedvinduet er selv defineret som et panel og kaldes MainWorkArea. Når du definerer panellayout af typen XAML eller User-Defined, bruges MainWorkArea som panelværdi for feltet Visningsgruppe.

Da panellayout er tilknyttede kontrolelementer, kan du bruge et panellayout, hvor som helst du ville have konfigureret et tilknyttet kontrolelement. En almindelig brug af dette er at definere en opdelt visning i området med hovedpanelet. Du kan få vist en listevisning, der viser en liste over firmaer i toppen og en detaljeret visning i bunden. Du kan få vist hele panellayoutet på det flydende panel og få det vist på en anden skærm. Du kan få flere oplysninger om brugen af flydende ruder under Konfigurer pop ind og pop ud-funktionen for videnbaseartikler.

Unified Service Desk indeholder følgende typer panellayout:

Panellayout

Beskrivelse

Standardhovedpanel

Standardpanellayoutet indeholder det traditionelle layout, herunder en række paneler til venstre, område, der kan skjules, og hovedarbejdsområdet til højre. Følgende er de XAML, der bruges til at definere panellayoutet. Du kan også finde denne XAML i User Interface Integration (UII) SDK.Download pakken, og pak den ud for at få vist SamplePanelLayout.xaml -filen under mappen "UII\USD Developer Assets\USD Layout and Style Sheet".

        <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" />
    </Grid.Resources>
    <Grid.RowDefinitions>
      <RowDefinition Height="40"/>
      <RowDefinition Height="*"/>
      <RowDefinition Height="30"/>
    </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 Style="{DynamicResource USDLogo}"
               Grid.Column="0"
               ToolTip="Unified Service Desk"
               AutomationProperties.Name="Unified Service Desk" />
        <Rectangle Width="10"
                   Grid.Column="1" />
        <USD:USDDeckTabPanel x:Name="ToolbarPanel"
                             Grid.Column="2"
                             AutomationProperties.Name="Toolbar Panel"
                             VerticalAlignment="Center"
                             Focusable="True"
                             Margin="0"
                             USD:PanelNavigation.KeyboardShortcut="CTRL+1"/>
        <Grid Grid.Column="3"
              Background="{DynamicResource AboutPanelStandardBackground}">
          <Grid.ColumnDefinitions>
            <ColumnDefinition Width="*" />
            <ColumnDefinition Width="412"/>
          </Grid.ColumnDefinitions>
          <USD:USDStackPanel Grid.Column="0"
                             x:Name="CtiPanel"
                             Orientation="Horizontal"
                             Focusable="True"
                             VerticalAlignment="Center"
                             AutomationProperties.Name="Cti Panel"/>
          <USD:USDStackPanel Grid.Column="1"
                             HorizontalAlignment="Right"
                             x:Name="AboutPanel"
                             Orientation="Horizontal"
                             Focusable="True"
                             VerticalAlignment="Center"
                             AutomationProperties.Name="AboutPanel"
                             USD:PanelNavigation.KeyboardShortcut="CTRL+2"/>
        </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="True"
                           ClipToBounds="True"
                           USD:PanelNavigation.KeyboardShortcut="CTRL+3"/>
      <Grid x:Name="MainGrid"
            Grid.Row="1"
            AutomationProperties.Name="Main Panels">
        <Grid.ColumnDefinitions>
          <ColumnDefinition Width="auto" />
          <ColumnDefinition Width="*"/>
          <ColumnDefinition Width="auto"/>
        </Grid.ColumnDefinitions>
        <Expander Grid.Column="0"
                  Style="{DynamicResource StretchExpanderStyle}"
                  ExpandDirection="Left"
                  x:Name="ExpanderSessionDetails"
                  IsExpanded="false"
                  BorderBrush="White" >
          <ScrollViewer VerticalScrollBarVisibility="Auto" >
            <Grid Style="{DynamicResource LeftPanelGrid}"
                  Margin="5">
              <Grid.RowDefinitions>
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto"
                               Name="ChatPanelRow" />
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto" />
              </Grid.RowDefinitions >
              <USD:USDCollapsePanel x:Name="SessionExplorerPanel"
                                    AutomationProperties.Name="Session Explorer Panel"
                                    Grid.Row="0"
                                    Margin="1"
                                    USD:PanelNavigation.KeyboardShortcut="CTRL+4"/>
              <USD:USDCollapsePanel x:Name="WorkflowPanel"
                                    AutomationProperties.Name="Workflow Panel"
                                    Grid.Row="1"
                                    Margin="1"
                                    USD:PanelNavigation.KeyboardShortcut="CTRL+5"/>
              <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:USDTabPanel x:Name="LeftPanelFill"
                               AutomationProperties.Name="Left Panel Fill"
                               Grid.Row="5"
                               Margin="1"
                               MinHeight="300"
                               USD:PanelNavigation.KeyboardShortcut="CTRL+6"/>
            </Grid>
          </ScrollViewer>
    &lt;/Expander&gt;
    &lt;Grid Grid.Column="1"
          Background="Transparent"&gt;
      &lt;Grid.RowDefinitions&gt;
        &lt;RowDefinition Height="0" /&gt;
        &lt;RowDefinition Height="79*" /&gt;
        &lt;RowDefinition Height="125*"/&gt;
      &lt;/Grid.RowDefinitions&gt;
      &lt;USD:USDCollapsePanel x:Name="RibbonPanel"
                            Grid.Row="0"
                            Visibility="Collapsed"
                            AutomationProperties.Name="Ribbon Panel"
                            Focusable="True"
                            Margin="1"
                            ClipToBounds="False"
                            SnapsToDevicePixels="True"/&gt;
      &lt;USD:USDTabPanel x:Name="MainPanel"
                       Grid.Row="1"
                       AutomationProperties.Name="Main Panel"
                       Grid.RowSpan="2"
                       USD:PanelNavigation.KeyboardShortcut="CTRL+7"/&gt;
    &lt;/Grid&gt;
    &lt;Expander Grid.Column="2"
              Style="{DynamicResource StretchExpanderStyle}"
              ExpandDirection="Right"
              x:Name="RightPanelExpander"
              IsExpanded="false"
              BorderBrush="White" &gt;
      &lt;ScrollViewer VerticalScrollBarVisibility="Auto" &gt;
        &lt;Grid Style="{DynamicResource LeftPanelGrid}" &gt;
          &lt;Grid.RowDefinitions&gt;
            &lt;RowDefinition Height="*" /&gt;
          &lt;/Grid.RowDefinitions &gt;
          &lt;USD:USDTabPanel x:Name="RightPanel"
                           AutomationProperties.Name="Right Panel"
                           Grid.Row="0"
                           USD:PanelNavigation.KeyboardShortcut="CTRL+8"/&gt;
          &lt;USD:USDPopupPanel x:Name="RightPopupPanel"
                             Height="{Binding ActualHeight, ElementName=RightPanel, Mode=OneWay}"
                             Width="{Binding ActualWidth, ElementName=RightPanel, Mode=OneWay}"
                             Placement="Left"
                             PlacementTarget="{Binding ElementName=RightPanel}"
                             PopupAnimation="Scroll"
                             USD:PanelNavigation.KeyboardShortcut="CTRL+9"&gt;
            &lt;Grid&gt;
              &lt;Grid.RowDefinitions&gt;
                &lt;RowDefinition Height="20" /&gt;
                &lt;RowDefinition Height="*" /&gt;
              &lt;/Grid.RowDefinitions&gt;
              &lt;Border Background="#cccccc"
                      Grid.Row="0" &gt;
                &lt;TextBlock Text="Article Preview"
                           HorizontalAlignment="Center"
                           Margin="10,0,0,0" /&gt;
              &lt;/Border&gt;
              &lt;Border BorderThickness="1"
                      Grid.Row="1"
                      BorderBrush="#cccccc"
                      Background="White"&gt;
                &lt;ContentControl  Margin="0,0,0,0"
                                 Name="PopupContainer"
                                 Style="{DynamicResource USDContentControlStyle}"/&gt;
              &lt;/Border&gt;
            &lt;/Grid&gt;
          &lt;/USD:USDPopupPanel&gt;
        &lt;/Grid&gt;
      &lt;/ScrollViewer&gt;
    &lt;/Expander&gt;
  &lt;/Grid&gt;
&lt;/Grid&gt;
&lt;StatusBar Grid.Row="2"
           Style="{DynamicResource StatusBarStyle}"&gt;
  &lt;StatusBarItem&gt;
    &lt;TextBlock x:Name="lblStatusBarClock"
               Text="00:00 AM/PM"
               Style="{DynamicResource StatusBarClockLabelStyle}"/&gt;
  &lt;/StatusBarItem&gt;
  &lt;Separator Style="{DynamicResource StatusBarSeparatorStyle}"/&gt;
  &lt;StatusBarItem &gt;
    &lt;USD:USDStackPanel x:Name="StatusPanel"
                       Orientation="Horizontal"
                       AutomationProperties.Name="Status Panel"
                       Margin="1"/&gt;
  &lt;/StatusBarItem&gt;
&lt;/StatusBar&gt;

</Grid>
</USD:PanelLayoutBase>

Hovedpanel på båndet

Kun til intern brug.

Vandret opdeling

Dette er et specielt layout, der normalt anvendes inden for MainPanel som et tilknyttet kontrolelement. Den indeholder en delelinje med et toppanel og et bundpanel. Det bruges typisk til at få vist en listevisning øverst og en detaljeret visning i bunden lige som i Outlook. To paneler er defineret i dette layout.

Panelnavn

Beskrivelse

TopPanel

Dette er det panel, der vises øverst. Det er defineret som:

USDDeckTabPanel

BottomPanel

Dette er det panel, der vises nederst. Det er defineret som:

USDDeckTabPanel

Dette panel understøtter følgende handlinger:

Handling

Beskrivelse

SetTopPanelHeight

Denne handling kan bruges til at angive højden af toppanelet. Det understøtter to parametre, højde og type.

Typen kan være en af følgende værdier:

Automatisk: tilpasser størrelsen for at fastgøre komponenter inde i
Pixel: antallet af pixel
Stjerne: tager den resterende plads

Fortolkningen af parameterens højde afhænger af denne type værdi. Få mere at vide i Windows Presentation Foundation (WPF)-dokumentationen.

SetBottomPanelHeight

Denne handling kan bruges til at angive højden af bundpanelet. Det understøtter to parametre, højde og type.

Typen kan være en af følgende værdier:

Automatisk: tilpasser størrelsen for at fastgøre komponenter inde i
Pixel: antallet af pixel
Stjerne: tager den resterende plads

Fortolkningen af parameterens højde afhænger af denne type værdi. Du kan finde flere oplysninger i WPF dokumentationen.

Lodret opdeling

Dette er et specielt layout, der indeholder en lodret delelinje med et venstre panel og et højre panel.

Panelnavn

Beskrivelse

LeftPanel

Dette er det panel, der vises til venstre. Det er defineret som:

USDDeckTabPanel

RightPanel

Dette er det panel, der vises til højre. Det er defineret som:

USDDeckTabPanel

Dette panel understøtter følgende handlinger:

Handling

Beskrivelse

SetLeftPanelWidth

Denne handling kan bruges til at angive bredden af venstre panel. Det understøtter to parametre, bredde og type.

Typen kan være en af følgende værdier:

Automatisk: tilpasser størrelsen for at fastgøre komponenter inde i
Pixel: antallet af pixel
Stjerne: tager den resterende plads

Fortolkningen af parameterens bredde afhænger af denne type værdi. Du kan finde flere oplysninger i WPF dokumentationen.

SetRightPanelWidth

Denne handling kan bruges til at angive bredden af højre panel. Det understøtter to parametre, bredde og type.

Typen kan være en af følgende værdier:

Automatisk: tilpasser størrelsen for at fastgøre komponenter inde i
Pixel: antallet af pixel
Stjerne: tager den resterende plads

Fortolkningen af parameterens bredde afhænger af denne type værdi. Se dokumentationen til WPF for at få flere oplysninger.

XAML

En af de hurtigste måder at oprette et brugerdefineret layout på. Denne indstilling understøtter imidlertid ikke bagvedliggende kode. Hvis du derfor ikke kan beskrive dit layout uden kode, kan du ikke bruge denne indstilling og skal i stedet bruge indstillingen Brugerdefineret. Yderligere oplysninger finder du i Bagvedliggende kode og XAML i WPF.

Her er et eksempel på et XAML-layout.

        <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>

Yderligere oplysninger om, hvilke paneltyper der kan defineres og bruges i dette XAML, finder du i Paneltyper i Unified Service Desk.

Brugerdefineret

Med denne indstilling kan du oprette et tilknyttet kontrolelement med koden bag ved for at få alle funktionerne i .NET ved håndtering af dit layout.

Yderligere oplysninger om, hvilke paneltyper der kan defineres og bruges i et brugerdefineret panel, finder du i Paneltyper i Unified Service Desk.

Du kan finde oplysninger om oprettelse af et brugerdefineret panellayout under Oprette et brugerdefineret panellayout.

Se også

Bruge brugerdefinerede paneltyper og panellayout i Unified Service Desk
Tastaturgenveje til paneler

Unified Service Desk 2.0

Del via

Paneler, paneltyper og panellayout i Unified Service Desk

Dette afsnit indeholder

Paneler i Unified Service Desk

Paneltyper i Unified Service Desk

Panellayouts i Unified Service Desk

Se også

Yderligere ressourcer