Show / Hide Table of Contents

Corporate Design

The following manual is aimed at displaying how SAF Styles, Icons and Colors, as defined as corporate design by external designer HID (HID on TFS) are used in the process of creating an SAF-Application. The most important prerequisite for their implementation to be possible is to use the SAF Namespace (xmlns:SAF="http://www.sartorius.com/SAF"), allowing all of the custom Styles, Icons and Colors to be available. They can then be implemented by using the "SAF: " Syntax, as shown in this manual for each case.

SAF Colors

The SAF colors are suggested by Intellisense if the property is preceded by the following Syntax: SAF:Brush, as demonstrated by this code, where it is set in a Button with the Forground property:

CorporateDesignExamples.xaml

<StackPanel xmlns:SAF="http://www.sartorius.com/SAF">
    <Button Foreground="{SAF:Brush Foreground21}" />
</StackPanel>

SAF Styles

The SAF styles are suggested by Intellisense if the property is preceded by the following Syntax: SAF:Style, as demonstrated by this code, where it is set in a TextBlock with the Style property:

CorporateDesignExamples.xaml

<StackPanel xmlns:SAF="http://www.sartorius.com/SAF">
    <TextBlock Style="{SAF:Style ComboBox}" />
</StackPanel>

SAF Icons

The SAF icons are suggested by Intellisense if the Property is set in a ContentControl as the required control and preceded by the following Syntax: SAF:Icon, as demonstrated by this code:

CorporateDesignExamples.xaml

<StackPanel xmlns:SAF="http://www.sartorius.com/SAF">
    <ContentControl Style="{SAF:Icon Delete}" />
</StackPanel>
  • Improve this Doc
Back to top Generated by DocFX