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