SAS 9.1.3 Integration Technologies » SAS Web Infrastructure Kit: Developer's Guide


	Developing Custom Themes

	Steps for Defining a New Theme

	Style Sheet and Graphics Reference

	Theme Template Reference

	SASthemes.xml File

	Element Descriptions for Themes DTD

	Changing the Application Name

	Migrating Custom Themes After Installing a Service Pack

	List of Theme Changes for Service Pack 3

	List of Theme Changes for Service Pack 4

Prev | Next | Contents

Developing Custom Themes

List of Theme Changes for SAS 9.1.3 Service Pack 4

The following table shows the changes that were made to the Default theme and the Winter theme with SAS 9.1.3 Service Pack 4.

Theme Element	Changes Made	Theme Affected
Images	The following images were revised. These images are used in the title bars for portlets. `PortletClose.gif` `PortletMaximize.gif` `PortletMinimize.gif` `PortletNote.gif`	Default
	The following images were revised. These images are used in the interface for viewing information maps. `BackgroundColor.gif` `BackgroundColorDisabled.gif` `BlueFrown.gif` `BlueNeutral.gif` `BlueSmiley.gif` `Bold.gif` `folderClosed.gif` `folderDisabled.gif` `folderOpen.gif` `ForegroundColor.gif` `ForegroundColorDisabled.gif` `GreenBall.gif` `GreenCheck.gif` `GreenDiamond.gif` `GreenFrown.gif` `GreenNeutral.gif` `GreenSmiley.gif` `GreenSquare.gif` `GreenStar.gif` `GreenUp.gif` `Info.gif` `Italic.gif` `map_full_extents.gif` `Pan.gif` `RedBall.gif` `RedCheck.gif` `RedDiamond.gif` `RedDown.gif` `RedFrown.gif` `RedNeutral.gif` `RedSmiley.gif` `RedSquare.gif` `RedStar.gif` `ThumbsDown1.gif` `ThumbsDown2.gif` `ThumbsUp1.gif` `ThumbsUp2.gif` `Underline.gif` `WeatherPartiallyCloudy.gif` `WeatherStormy.gif` `WeatherSunny.gif` `YellowBall.gif` `YellowCheck.gif` `YellowDiamond.gif` `YellowFrown.gif` `YellowNeutral.gif` `YellowSideways.gif` `YellowSmiley.gif` `YellowSquare.gif` `YellowStar.gif` `ZoomIn.gif` `ZoomOut.gif`	Default, Winter
	The following images were added. These images are used in the interface for viewing information maps. `AddBlue.gif` `AddBlue_disabled.gif` `BoldDaDeHuSv.gif` `BoldDaDeHuSvDisabled.gif` `BoldEs.gif` `BoldEsDisabled.gif` `BoldFrIt.gif` `BoldFrItDisabled.gif` `BoldRu.gif` `BoldRuDisabled.gif` `BookmarkNew.gif` `BookmarkNewDisabled.gif` `BookmarkProperties.gif` `BookmarkPropertiesDisabled.gif` `BookmarkUpdate.gif` `BookmarkUpdateDisabled.gif` `DivideBlue.gif` `DivideBlue_disabled.gif` `drill_up_swovj.gif` `italic_disabled.gif` `ItalicDaDeEsSv.gif` `ItalicDaDeEsSvDisabled.gif` `ItalicHu.gif` `ItalicHuDisabled.gif` `ItalicIt.gif` `ItalicItDisabled.gif` `ItalicRu.gif` `ItalicRuDisabled.gif` `MapCollapse.gif` `MapDrillDown.gif` `MapDrillUp.gif` `MapExpand.gif` `MapFilterSelect.gif` `MapFilterSelect_disabled.gif` `MenuDownArrowDisabled.gif` `MultiplyBlue.gif` `MultiplyBlue_disabled.gif` `OrderRows.gif` `pan_default.gif` `pan_inactive.gif` `pan_rollover.gif` `pan_selected.gif` `ParenthesesBlue.gif` `ParenthesesBlue_disabled.gif` `progress.gif` `Register.gif` `RegisterProject.gif` `ReorderScorecard.gif` `report_link_default.gif` `report_link_inactive.gif` `report_link_rollover.gif` `report_link_selected.gif` `reset_default.gif` `reset_rollover.gif` `SubtractBlue.gif` `SubtractBlue_disabled.gif` `underline_disabled.gif` `UnderlineEsFrIt.gif` `UnderlineEsFrItDisabled.gif` `UnderlineHu.gif` `UnderlineHuDisabled.gif` `UnderlineRu.gif` `UnderlineRuDisabled.gif`	Default, Winter
Style sheets	In `Portal.css`, the following style classes were revised: `listOfItemsDiv` (used to display a list of items that are contained in a page or a portlet that you are sharing or deleting) `portletLayoutFieldSet` (border around the portlet layout information on the Edit Page Content page) `portletLayoutInnerFieldSet` (not used)	Winter
	In `sasComponentsLayout.css`, the following style classes were revised. (These classes are used in the interface for viewing information maps.) `advancedFilterSelectorExpression` `ColorPickerPreviewCell` `FileSelector_RFSDetailView` `fontPickerButtonSpacer` `fontPickerToolBar` `GraphOLAPTableFooter` `GraphOLAPTableTitle` `mainTable` `OLAPTableFooter` `OLAPTableTitle` `PaletteContainer` `rfs_SearchInTheLastUnitComponent` `sortSelectorChoiceBox` `tableFooter` `tableTitle` `td.emptyTableData` `visualDataExplorerManageViewsNavigatorTree` `visualDataExplorerViewsNavigatorTree`	Default, Winter
	In `sasComponentsLayout.css`, the following style classes were added. These classes are used in the interface for viewing information maps. `ColorPickerAutomatic` `ColorPickerAutomaticSwatch` `ColorPickerContainer` `ColorPickerContainerDisabled` `ESRIIdentifyContainer` `ESRISelectedMenu` `ESRISelectedMenu IMG` `exceptionHighlightingSelectorContainer` `exceptionHighlightingSelectorPreviewContents` `exceptionHighlightingSelectorTabContainer` `exceptionHighlightingSelectorTextEntry` `exportSelectorOrderedCheckBoxList` `fontPickerAlignCenterButton` `fontPickerAlignLeftButton` `fontPickerAlignRightButton` `fontPickerBackgroundColor` `fontPickerBoldButton` `fontPickerButtonSpacer` `fontPickerFontName` `fontPickerFontSize` `fontPickerForegroundColor` `fontPickerForegroundColor` `fontPickerItalicButton` `fontPickerPreviewText` `fontPickerUnderlineButton` `formatSelectorDescriptionLabel` `formatSelectorListBox` (empty) `graphMenuBar` `highlightColumn` `highlightColumnOther` `highlightGraph` `imageSelectedStyle` `imageSelectedStyle A` `imageSelectedStyle IMG` `imageStyle` `imageStyle A` `imageStyle IMG` `listBoxViewDropDownXPDisabled` `listBoxViewListTableXPDisabled` `OLAPTimeBasedFilterSelectorContainer` `OLAPTimeBasedFilterSelectorStartEndTreeContainer` `PaletteContainer` `resizer` `resizerBoth` `resizerRight` `resizerVert` `selectorComponentDiv` `selectorRadioLabelItalic (empty)` `SimpleCalculatedItemSelectorFormatEntry` `SimpleCalculatedItemSelectorFormatNote` `SimpleCalculatedItemSelectorTreeview` `tableViewCompositeCustomizerPanelCombo` `tcd_choice` `tcd_description` `tcd_groupboxFieldSet` `tcd_label` `tcd_leftMargin` `td.ESRIMapIdentifyTableData` `td.OLAPTable_ch_menu` (empty) `td.OLAPTable_ch_menu A:hover` (empty) `td.OLAPTable_ct_menu` (empty) `td.OLAPTable_ct_menu A` (empty) `td.OLAPTable_ct_menu A:hover` (empty) `td.OLAPTable_rh_menu` (empty) `td.OLAPTable_rh_menu A:hover` (empty) `td.OLAPTable_rt_menu` (empty) `td.OLAPTable_rt_menu A` (empty) `td.OLAPTable_rt_menu A:hover` (empty) `treeText` `treeViewImage` `treeViewImageBorder` `treeViewNodeRowDiv` `visualDataExplorerManageViewsTreeSelected` `visualDataExplorerManageViewsTreeText` `visualDataExplorerProcessing` `visualDataExplorerViewsNavigatorTreeSelected` `visualDataExplorerViewsNavigatorTreeText` `visualDataExplorerViewsNavigatorTreeText:active` `visualDataExplorerViewsNavigatorTreeText:hover` `visualDataExplorerViewsNavigatorTreeText:link` `visualDataExplorerViewsNavigatorTreeText:visited` `@media print {.resizer, .resizerVert, .resizerBoth, resizerRight`	Default, Winter
	In `sasComponentsTheme.css`, the following style classes were revised. These classes are used in the interface for viewing information maps. `CubeSelector_RFSDetailView_evenRow` `dualSelectorContainer` `dualSelectorSource` `dualSelectorSourceLabel` `dualSelectorTarget` `dualSelectorTargetLabel` `ESRIZoomLayer` `fastClickProtectingElement` `fontPickerContainer` `fontPickerSelectedButton` `fontPickerToolBar` `listBoxViewListHighlight` `listBoxViewListSelected` `listBoxViewListUnHighlight` `menuItem A:hover` `menuItemLink A:hover` `OLAPTable_ch_menuItem A:hover` `OLAPTable_ch_menuItemLink A:hover` `OLAPTable_ct_menuItem A:hover` `OLAPTable_ct_menuItemLink A:hover` `OLAPTable_dt_menuItem A:hover` `OLAPTable_dt_menuItemLink A:hover` `OLAPTable_rh_menuItem A:hover` `OLAPTable_rh_menuItemLink A:hover` `OLAPTable_rt_menuItem A:hover` `OLAPTable_rt_menuItemLink A:hover` `OLAPTableData A:active` `OLAPTableData A:link` `OLAPTableData A:visited` `PaletteContainer` `PaletteTable` `rfs_DetailViewEvenRow` `selectorLabel` `tableviewmenu A:hover` `tableviewmenuItem A:hover` `tableviewmenuItemLink A:hover`	Default, Winter
	In `sasComponentsTheme.css`, the following style classes were added. These classes are used in the interface for viewing information maps. `ColorPickerAutomatic` `ColorPickerAutomaticRollover` `ColorPickerAutomaticRollover span` `ColorPickerContainer` `ColorPickerContainerDisabled` `CubeSelector_RFSDetailView_ fileSelectorUnderlineHoover A:hover` `ESRIIdentifyContainer` `ESRIIdentifyLabel` `ESRIIdentifyText` `ESRISelectedMenu` `exportSelectorOrderedCheckBoxList` `fileSelectorUnderlineHoover A:hover` `fontPickerButtonSpacer` `fontPickerFontName` `fontPickerFontSize` `fontPickerPreviewText` `highlightColumn` `highlightColumnOther` `highlightExtraColumnHeader` `highlightGraph` `imageSelectedStyle` `imageStyle` `javaScriptNodeSelectedText` `listBoxViewDropDownXPDisabled` `listBoxViewListTableXPDisabled` `mapPropertyContainer` `menuItemHighlight` `mps_dualSelectorContainer` `OLAPTable_ch_menuItemDisabled A` `OLAPTable_ct_menuItemDisabled A` `OLAPTable_dt_menuItemDisabled A` `OLAPTable_rh_menuItemDisabled A` `OLAPTable_rt_menuItemDisabled A` `OLAPTableColumnMeasureHeader A:hover` `OLAPTimeBasedFilterSelectorContainer` `OLAPTimeBasedFilterSelectorStartEndTreeContainer` `PaletteContainerDisabled` `.selectorRadioLabelItalic` `SimpleCalculatedItemSelectorFormatEntry` `SimpleCalculatedItemSelectorFormatNote` `tabContainer` `tableviewmenuItemDisabled A` `tcd_checkBox` `tcd_choice` `tcd_container` `tcd_description` `tcd_groupboxFieldSet` `tcd_groupboxLegend` `tcd_paletteContainer` `td.ESRIMapIdentifyTableData` `td.OLAPTable_ch_menu` `td.OLAPTable_ch_menu A:hover` `td.OLAPTable_ct_menu` `td.OLAPTable_ct_menu A` `td.OLAPTable_ct_menu A:hover` `td.OLAPTable_rh_menu` `td.OLAPTable_rh_menu A:hover` `td.OLAPTable_rt_menu` `td.OLAPTable_rt_menu A` `td.OLAPTable_rt_menu A:hover` `visualDataExplorerESRIToolbar .ESRIMenu A` `visualDataExplorerESRIToolbar .ESRIMenu A:hover` `visualDataExplorerExpandCollapseContainer` `visualDataExplorerViewsNavigatorTreeText` `visualDataExplorerViewsNavigatorTreeText:active` `visualDataExplorerViewsNavigatorTreeText:hover` `visualDataExplorerViewsNavigatorTreeText:link` `visualDataExplorerViewsNavigatorTreeText:visited` `OLAPTableRowMeasureHeader A:hover`	Default, Winter
Theme templates	The `banner.html` template was revised. Changes were made to the column percentages and spacing in the top section of the banner.	Default, Winter
	The following templates were revised. These templates are used in the interface for viewing information maps. `AdvancedFilterSelector.html` `BaseExpressionEditor.html` `DefaultSelectorTemplate.html` `ExceptionHighlightingChartSelectorPanel.html` `ExceptionHighlightingSelectorPanel.html` `ExportSelectorPanel.html` `FileSelectorPanel.html` `FontPicker.html` `ImagePaletteCell.html` `MapComposite.html` `MapCrossingSelectorPanel.html` `MemberPropertiesDualTreeSelector.html` `Palette.html` `SimpleCalculatedItemSelectorPanel.html` `TableViewCompositeCustomizerPanel.html` `VisualDataExplorer.html` `VisualDataExplorerCustomizerPanel.html` `VisualDataExplorerExpandCollapse.html` `VisualDataExplorerManageViewsSelectorPanel.html` `VisualDataExplorerQuery.html` `VisualDataExplorerSaveViewAsSelectorPanel.html` `VisualDataExplorerSlicerSelector.html` `VisualDataExplorerViewsNavigatorSelector.html` `VisualDataExplorerViewsPropertySelectorPanel.html`	Default, Winter
	The following templates were added. These templates are used in the interface for viewing information maps. `FormatSelectorPanel.html` `GraphLegendLayoutSelectorPanel.html` `GraphPropertySelectorPanel.html` `MapPropertySelectorPanel.html` `OLAPTableViewCompositeCustomizerPanel.html` `OLAPTimeBasedFilterSelectorPanel.html` `OrderedList.html` `StylePropertySelectorPanel.html` `TileChartHighlightIndicatorsSelectorPanel.html` `TileChartHighlightSelectorPanel.html` `TileChartPropertySelectorPanel.html` `TitlesAndFootnotesSelectorPanel.html` `VisualDataExplorerViewQuerySelectorPanel.html`	Default, Winter