Silverlight (XAML) Styles
You can customize the styles associated with Silverlight interviews. In particular, you can customize the fonts, colors, backgrounds, sizes, etc. used in the interview.
When you began customizing interview appearance, you should have created your own copy of the built-in hdsuser theme, as described in Customizing the Interview Appearance. Using the notes below combined with a solid understanding of XAML and XML syntax, you can make powerful customizations to the way Silverlight interviews are presented.
When customizing XAML style sheets, you must take care not to inadvertently introduce inconsistencies in the XML syntax of the file. It must remain a syntactically valid XAML file that can be read and processed by Silverlight 5. If your style sheet contains any errors, HotDocs will not be able to display Silverlight interviews until the errors are fixed. We recommend using a WYSIWYG tool such as Kaxaml or Microsoft Expression Blend to experiment and learn more about XAML.
Style Name | Description |
BaseTextBlockStyle | This is the base style used by all interview text. |
BaseControlStyle | This is the base style used by all interview controls. |
TemplateTitleGridStyle | This style controls the appearance of the template title bar. |
TemplateTitleTextStyle | This style controls the appearance of the template title. |
ToolbarButtonBorderStyle | |
SplitterStyle | This is the base splitter style used by both the vertical and horizontal splitters described below. |
SplitterVStyle | This style controls the appearance of the vertical splitter between the dialog and interview outline panes. |
SplitterHStyle | This style controls the appearance of the horizontal splitter between the dialog and resource panes. |
InterviewTitleGridStyle | This style controls the appearance of the interview outline title bar. |
InterviewTitleTextStyle | This style controls the appearance of the interview outline title. |
InterviewOutlineStyle | This style controls the appearance of the interview outline. |
DialogTitleGridStyle | This style controls the appearance of the box in which the dialog title is displayed. |
DialogTitleTextStyle | This style controls the appearance of the dialog title. |
DialogGridStyle | This style controls the appearance of the dialog pane's background. |
DialogTextStyle | This style controls the appearance of text in group boxes, True/False variable prompts, and Number variable currency symbols. Other dialog text that supports formatting with dot codes, is controlled by DialogRichTextStyle. |
DialogRichTextStyle | This style controls the appearance of most prompts and dialog element text, with the exception of the categories listed in the DialogTextStyle description above. |
DialogButtonTextStyle | This style controls the appearance of text on dialog buttons, such as "Add Another" or dialog element buttons. |
InputStyle | This is the base style used for all input fields. If you just want to change the style for a particular type of input, use one of the other more specific input styles below. |
TextInputStyle | This style controls the appearance of Text variable input fields. |
NumberInputStyle | This style controls the appearance of Number variable input fields. |
DateInputStyle | This style controls the appearance of Date variable input fields. |
TrueFalseInputStyle | This style controls the appearance of True/False variable radio buttons and check boxes. |
MultipleChoiceInputStyle | This style controls the appearance of Multiple Choice variable input fields, such as radio buttons, check boxes, and "Other" fields. [HotDocs Server 10.x only] |
ListItemStyle | This style controls the appearance of text in Multiple Choice variable drop-down lists. [HotDocs Server 10.x only] |
MultipleChoice_______InputStyle | |
MultipleChoice_______ItemStyle | |
ReadOnlyStyle | |
________ReadOnlyStyle | |
GroupBoxStyle | This style controls the appearance of group boxes for Multiple Choice and True/False variables. |
NavigationGridStyle | This style controls the appearance of the navigation bar at the bottom of the dialog pane. |
NavigationTextStyle | This style controls the appearance of the navigation bar button text. |
ResourceGridStyle | This style controls the background color of the resource pane displayed below the dialog pane.
This does not control the appearance of the pop-up resource window you see when you click the Resource button. The appearance of that window, as well as the appearance of the text displayed in the resource pane, is controlled by the hdsuser.css cascading style sheet. |
ResourceRichTextBoxStyle | |
ColumnHeaderStyle | This style controls the appearance of column headers in spreadsheet dialogs. |
RowHeaderStyle | This style controls the appearance of the row numbers in spreadsheet dialogs. |
SpreadsheetTextStyle | This style controls the appearance of answers displayed in spreadsheet dialogs. (The appearance of answers as they are entered is controlled by the "input" styles above.) |
Spreadsheet_______InputStyle | |
NavigationButtonStyle | |
AnswerSourceWindowStyle | |
AnswerSourceWindowTitleStyle | |
AnswerSourceColumnHeaderStyle | |
AnswerSourceCellStyle | |
InterviewProgressBarStyle |
Other Resource Name | Description |
BaseFontSize | This Double resource specifies the default base size for all text in the interview. |
RequiredVariableColor | This Color resource indicates the color used when displaying prompts for unanswered required variables. |
MarkedVariableColor | This Color resource indicates the color used when displaying prompts for marked variables. |
SetByDialogScriptForeground | This SolidColorBrush resource specifies the color used when displaying variables on a dialog which are not modifiable due to having been set (fixed) by the template developer. |
InterDialogRowSpacing | This Thickness resource specifies the amount of space between and around variable fields and other dialog elements. By default, there is a 5 pixel white space on each side. |
InterDialogSpacing | In single-page interviews, this Thickness resource specifies the amount of space between each dialog. |
SpreadsheetRowHeight | This Double resource, if set to a value other than zero, specifies the absolute height (in pixels) for a single row of a spreadsheet or grid. If zero, the spreadsheet row height is determined by the font size and padding attributes for rows. |
RowBackground | This SolidColorBrush resource specifies the background color for odd-numbered rows in spreadsheet (grid) dialogs. |
AlternatingRowBackground | This SolidColorBrush resource specifies the background color for even-numbered rows in spreadsheet (grid) dialogs. |
SpreadsheetTextGrayForeground | |
SpreadsheetTextGrayBackground | |
SpreadsheetTextReadOnlyForeground | |
SpreadsheetTextReadOnlyBackground | |
SpreadsheetTextSetByDialogScriptForeground | |
SpreadsheetTextSetByDialogScriptBackground | |
NormalInterviewProgressBrush | |
CompletedInterviewProgressBrush | |
RequiredUnansweredInterviewProgressBrush |