Compartir a través de

Personalizar las pantallas de inicio de sesión y bienvenida en Unified Service Desk

  • Artículo

Puede personalizar la marca de las pantallas de inicio de sesión y bienvenida de Unified Service Desk para cambiar el nombre y la apariencia del nombre de la aplicación en la pantalla de inicio y cambiar el nombre de la aplicación, la apariencia, los colores de primer y segundo plano de la pantalla de bienvenida modificando estilos XAML.

¿Qué puede personalizar?

El XAML siguiente se usa para personalizar la marca de las pantallas de inicio de sesión y bienvenida de Unified Service Desk:

<ResourceDictionary xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"  
                    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"  
                    xmlns:resx1="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Properties">  
  
  <Style x:Key="FormAppNameStyle" TargetType="TextBlock">  
    <Setter Property="Foreground" Value="Black"></Setter>  
    <Setter Property="FontFamily" Value="Segoe UI"></Setter>  
    <Setter Property="FontSize" Value="30"></Setter>  
    <Setter Property="Background" Value="White"></Setter>  
    <Setter Property="Text" Value="Unified Service Desk"></Setter>  
  </Style>  
  
  <Style x:Key="SplashAppNameStyle" TargetType="Label">  
    <Setter Property="Foreground" Value="White"></Setter>  
    <Setter Property="FontFamily" Value="/UnifiedServiceDesk;component/Fonts/#Segoe UI"></Setter>  
    <Setter Property="FontSize" Value="40"></Setter>  
    <Setter Property="Content" Value="Unified Service Desk"></Setter>  
  </Style>  
  
  <Style x:Key="SplashScreenDefaultFontStyle" TargetType="TextBlock">  
    <Setter Property="FontSize" Value="12px"/>  
    <Setter Property="Foreground" Value="White"/>  
    <Setter Property="TextWrapping" Value="Wrap"/>  
    <Setter Property="TextTrimming" Value="WordEllipsis"/>  
    <Setter Property="FontFamily" Value="Segoe UI"/>  
  </Style>  
  
  <Style x:Key="SplashGridBgColor" TargetType="Grid">  
    <Setter Property="Background" Value="Blue"></Setter>  
  </Style>  
  
</ResourceDictionary>

El archivo XAML contiene los cuatro estilos siguientes para los que debe especificar valores apropiados en la Setter Property:

Estilo XAML Descripción
FormAppNameStyle Cambie el contenido y la apariencia del nombre de la aplicación en la pantalla de inicio de sesión.
SplashAppNameStyle Cambie el contenido y la apariencia del nombre de la aplicación en la pantalla de bienvenida.
SplashScreenDefaultFontStyle Cambie la apariencia del texto de estado en la pantalla de bienvenida.
SplashGridBgColor Cambie el color de fondo de la pantalla de bienvenida.

¿Cómo puede personalizar?

Puede personalizar la marca de las pantallas de inicio de sesión y bienvenida de Unified Service Desk siguiendo estos pasos.

  1. Abra el Bloc de notas y copie el contenido completo del archivo XAML mencionado en la sección anterior.

  2. En el bloque de estilo XAML adecuado, cambie el Value de la Setter Property correspondiente.

    Por ejemplo, para modificar el tamaño de fuente del nombre de la aplicación que se muestra en la pantalla de bienvenida, cambie el valor de la propiedad del establecedor FontSize en el estilo SplashAppNameStyle.

    Puede modificar valores para varias propiedades de establecedor en un estilo XAML o en varios estilos XAML.

  3. Si no ha cambiado los valores de propiedad del establecedor en un estilo XAML, quite bloque de estilo del archivo del Bloc de notas.

    Por ejemplo, si acaba de cambiar las propiedades del establecedor para SplashAppNameStyle, quite los otros estilos para evitar que los valores de esos estilos se apliquen a su aplicación cliente. Vea ejemplos más adelante en este tema.

  4. Guarde el archivo como “CustomerSplashStyles.xaml”.

  5. Copie el archivo "CustomerSplashStyles.xaml" en el directorio del cliente de Unified Service Desk, normalmente "C:\Program Files\Microsoft Dynamics CRM USD\USD". Debe tener privilegios de administrador del sistema para copiar el archivo al directorio de cliente.

  6. Si está ejecutando al cliente de Unified Service Desk, reinícielo para que los cambios surtan efecto.

Ejemplos de personalización

A continuación se incluyen algunos ejemplos de personalización.

Cambie el nombre de la aplicación de la pantalla de inicio de sesión

Actualice el contenido del archivo CustomerSplashStyles.xaml a lo siguiente:

<ResourceDictionary xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"  
                    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"  
                    xmlns:resx1="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Properties">  
  
  <Style x:Key="FormAppNameStyle" TargetType="TextBlock">  
    <Setter Property="Foreground" Value="Blue"></Setter>  
    <Setter Property="FontFamily" Value="Segoe UI"></Setter>  
    <Setter Property="FontSize" Value="40"></Setter>  
    <Setter Property="Background" Value="White"></Setter>  
    <Setter Property="Text" Value="Contoso, Ltd."></Setter>  
  </Style>  
  
</ResourceDictionary>

Este será el resultado de la personalización:

Nombre de aplicación personalizado en la pantalla de inicio de sesión.

Cambiar el nombre de la aplicación y la apariencia de la pantalla de bienvenida

Actualice el contenido del archivo CustomerSplashStyles.xaml a lo siguiente:

<ResourceDictionary xmlns="https://schemas.microsoft.com/winfx/2006/xaml/presentation"  
                    xmlns:x="https://schemas.microsoft.com/winfx/2006/xaml"  
                    xmlns:resx1="clr-namespace:Microsoft.Crm.UnifiedServiceDesk.Properties">  
  
  <Style x:Key="SplashAppNameStyle" TargetType="Label">  
    <Setter Property="Foreground" Value="Blue"></Setter>  
    <Setter Property="FontFamily" Value="/UnifiedServiceDesk;component/Fonts/#Segoe UI"></Setter>  
    <Setter Property="FontSize" Value="40"></Setter>  
    <Setter Property="Content" Value="Contoso, Ltd."></Setter>  
  </Style>  
  
  <Style x:Key="SplashScreenDefaultFontStyle" TargetType="TextBlock">  
    <Setter Property="FontSize" Value="14px"/>  
    <Setter Property="Foreground" Value="Black"/>  
    <Setter Property="TextWrapping" Value="Wrap"/>  
    <Setter Property="TextTrimming" Value="WordEllipsis"/>  
    <Setter Property="FontFamily" Value="Calibri"/>  
  </Style>  
  
  <Style x:Key="SplashGridBgColor" TargetType="Grid">  
    <Setter Property="Background" Value="Gray"></Setter>  
  </Style>  
  
</ResourceDictionary>

Este será el resultado de la personalización:

Pantalla de bienvenida personalizada.

Consulte también

Personalizar temas en Unified Service Desk