- Open Client Style Sheets

Open Client Style Sheets

Open Client's visual appearance is defined by CSS style properties held in style sheets. These are files are stored on the Open Client Server. There are two default style sheets supplied: PROIVDefaultStyle.css and PROIVFixedStyle.css. You should not make changes to the PROIVDefaultStyle.css as this file is reinstalled on upgrades and your changes will be lost. Instead, you should create your own style sheet underneath the appResources folder and use this to override style elements. The PROIVFixedStyle.css contains elements that should not be changed unless the implementation of a widget is being replaced. Changing style elements in the style sheet may stop a widget from working.

The following style properties can be overridden:

Property	Description
General Properties
proiv-accelerator	Displays an accelerator character in text.
proiv-HighlightText	The selected text in combo box, list box and Paging Areas.
proiv-HighlightTextBackground	The background for selected text in combo box, list box and Paging Areas.
proiv-Tooltip	The tooltip panel and text.
Window Properties
proiv-Rwindow	The root window panel.
proiv-RwindowInactive	The root window panel when a pop-up window has focus.
proiv-RwindowPanel	The root window background panel.
proiv-Pwindow	The pop-up window panel.
proiv-PwindowHeader	The pop-up window header.
proiv-PwindowTitle	The pop-up window title.
proiv-PwindowClose	The pop-up window close .
proiv-PwindowPanel	The pop-up window background panel.
File Upload Dialog Properties
proiv-FileRead	The File Upload pop-up window.
proiv-FileReadHeader	The File Upload pop-up window header.
proiv-FileReadTitle	The File Upload pop-up window title.
proiv-FileReadClose	The File Upload pop-up window's Close .
proiv-FileReadPanel	The File Upload pop-up window background panel.
proiv-FileReadContents	The File Upload pop-up window contents panel.
proiv-FileReadFooter	The File Upload pop-up window footer panel.
Message Box Properties
proiv-Messagebox	The message box.
proiv-MessageboxHeader	The message box header.
proiv-MessageboxTitle	The message box title.
proiv-MessageboxClose	The message box's Close .
proiv-MessageboxPanel	The message box panel.
proiv-MessageboxContents	The message box contents panel.
proiv-MessageboxContentsInfo	The message box contents image.
proiv-MessageboxContentsText	The message box contents text.
proiv-MessageboxContentsText1	The message box contents text.
proiv-MessageboxFooter	The message box footer panel.
Pop-up Prompt Properties
proiv-Prompt	The pop-up prompt.
proiv-PromptHeader	The pop-up prompt header.
proiv-PromptTitle	The pop-up prompt title.
proiv-PromptClose	The pop-up prompt Close .
proiv-PromptPanel	The pop-up prompt panel.
proiv-PromptPanelInfo	The pop-up prompt contents image.
proiv-PromptText	The pop-up prompt text.
proiv-PromptCheckbox	The pop-up prompt upper case checkbox text.
Multi-state Query Properties
proiv-MultiStateQuery	The multi-state query window.
proiv-MultiStateQueryHeader	The multi-state query window header.
proiv-MultiStateQueryTitle	The multi-state query window title.
proiv-MultiStateQueryClose	The multi-state query window's Close .
proiv-MultiStateQueryPanel	The multi-state query window background panel.
proiv-MultiStateQueryContents	The multi-state query window contents panel.
Proiv-MultiStateQueryContentsInfo	The multi-state query window contents image.
Proiv-MultiStateQueryContentsText	The multi-state query window contents text.
proiv-MultiStateQueryFooter	The multi-state query window footer panel.
About PROIV Properties
proiv-About	The About Box.
proiv-AboutHeader	The About Box header.
proiv-AboutTitle	The About Box title.
proiv-AboutClose	The About Box Close .
proiv-AboutPanel	The About Box background panel.
proiv-AboutContents	The About Box contents panel.
proiv-AboutContentsInfo	The About Box contents image.
proiv-AboutContentsText	The About Box contents text.
proiv-AboutContentsCopyright	The About Box copyright message.
proiv-AboutContentsMessage	The About Box contents message panel.
proiv-AboutContentsText1	The About Box contents text.
proiv-AboutFooter	The About Box footer panel.
Paging Area Properties
proiv-PagingArea	The Paging Area.
proiv-PagingAreaDisabled	The Paging Area when disabled.
proiv-PagingAreaHeader	The Paging Area header panel.
proiv-PagingAreaScrollbar	The Paging Area scrollbar.
proiv-PagingAreaSmoothScrollbarTip	The Paging Area scrollbar tip.
proiv-PagingAreaScrollbarButton	The Paging Area scrollbar s.
proiv-PagingAreaScrollbarButtonDisabled	The Paging Area scrollbar s when disabled.
proiv-PagingAreaScrollbarButtonDown	The Paging Area scrollbar s when mouse down.
proiv-PagingAreaScrollbarThumb	The Paging Area scrollbar thumb.
proiv-PagingAreaScrollbarThumbDisabled	The Paging Area scrollbar thumb when disabled.
proiv-PagingAreaSmoothScrollbar	The Paging Area smooth scrollbar.
proiv-PagingAreaSmoothScrollbarButton	The Paging Area smooth scrollbar s.
proiv-PagingAreaSmoothScrollbarButtonDisabled	The Paging Area smooth scrollbar s when disabled.
proiv-PagingAreaSmoothScrollbarButtonDown	The Paging Area smooth scrollbar s when mouse down.
proiv-PagingAreaSmoothScrollbarThumb	The Paging Area smooth scrollbar thumb.
proiv-PagingAreaSmoothScrollbarThumbDisabled	The Paging Area smooth scrollbar thumb when disabled.
proiv-PagingAreaSmoothScrollbarThumbDown	The Paging Area smooth scrollbar thumb when mouse down.
proiv-PagingAreaHorizontalGridOn	The Paging Area horizontal grid.
proiv-PagingAreaVerticalGridOn	The Paging Area vertical grid.
proiv-PagingAreaEvenBackground	The Paging Area horizontal grid event row background.
proiv-PagingAreaOddBackground	The Paging Area horizontal grid odd row background.
Static Text Properties
proiv-StaticText	Static Text.
proiv-StaticTextSingle	Single line Static Text.
proiv-StaticTextMulti	Multiple line Static Text.
proiv-StaticTextDisabled	Static Text when disabled.
proiv-StaticTextDefaultFont	Static Text font used for default, mono and omit alignments.
proiv-StaticTextProportionalFont	Static Text font used for all other alignments.
Embedded Object (ActiveX replacement) Properties
proiv-EmbeddedObject	The Embedded object panel.
proiv-EmbeddedObjectDisabled	The Embedded object panel when disabled.
Check box Properties
proiv-Checkbox	The check box panel.
proiv-CheckboxBox	The check box.
proiv-CheckboxBoxDisabled	The check box when disabled.
Radio Button Properties
proiv-RadioGroup	The radio group panel.
proiv-RadioGroupDisabled	The radio group when disabled.
proiv-RadioGroupLabel	The radio group label.
proiv-RadioGroupLabelSolidBorder	The radio group label with a solid border.
proiv-RadioGroupLabelDottedBorder	The radio group label with a dotted border.
proiv-RadioGroupLabelDisabled	The radio group label when disabled.
Button Properties
proiv-ButtonText	The text.
proiv-ButtonTextDisabled	The text when disabled.
proiv-ButtonBackground	The background panel.
proiv-ButtonBackgroundDown	The background panel on mouse down.
Icon Properties
proiv-IconText	The icon text.
proiv-IconTextDisabled	The icon text when disabled.
Edit Box Properties
proiv-SingleLineText	The single line edit box.
proiv-SingleLineTextDisabled	The single line edit box when disabled.
proiv-SingleLineTextFocus	The single line edit box when it has focus.
proiv-DataOnlyText	The edit box when in a Paging Area and not in the selected row.
proiv-DataOnlyTextDisabled	The edit box when in a Paging Area and not in the selected row and disabled.
proiv-SingleLineTextFocus	The single line edit box when it has focus.
proiv-DataOnlyText	The edit box when in a Paging Area and not in the selected row.
proiv-DataOnlyTextDisabled	The edit box when in a Paging Area and not in the selected row and disabled.
proiv-DataOnlyTextPosition	The edit box when in a Paging Area and not in the selected row to align the text.
proiv-MultiLineText	The multi line edit box.
proiv-MultiLineTextDisabled	The multi line edit box when disabled.
proiv-MultiLineTextFocus	The multi line edit box when it has focus.
proiv-DisplayOnlyText	The edit box when display only set.
proiv-DisplayOnlyTextFocus	The edit box when display only set and it has focus.
proiv-DisplayOnlyTextDisabled	The edit box when display only set and it is disabled.
proiv-DisplayOnlyTextPosition	The edit box when display only set to align text in a Paging Area.
Date Picker Properties
proiv-DateButton	The edit box Date Picker panel.
proiv-DateButtonBackground	The edit box Date Picker background panel.
proiv-DateButtonBackgroundDisabled	The edit box Date Picker background when disabled.
proiv-DateButtonEvent	The edit box Date Picker event panel.
proiv-DateButtonImage	The edit box Date Picker image panel.
List Box Properties
proiv-Listbox	The list box.
proiv-ListboxDisabled	The list box when disabled.
proiv-ListboxPanel	The list box panel.
proiv-ListboxPanelDisabled	The list box panel when disabled.
proiv-ListboxPanelCorner	The list box corner .
proiv-ListboxPanelHeader	The list box header panel.
proiv-ListboxPanelHeaderTable	The list box header table.
proiv-ListboxPanelHeaderTableRowCell	The list box header cell.
proiv-ListboxPanelHeaderTableRowCellDisabled	The list box header cell when disabled.
proiv-ListboxPanelData	The list box data panel.
proiv-ListboxPanelDataTable	The list box data table.
proiv-ListboxPanelDataTableRow	The list box data table row.
proiv-ListboxPanelDataTableRowCell	The list box data table cell.
proiv-ListboxPanelDataTableRowCellDisabled	The list box data table cell when disabled.
proiv-ListboxBoldHighlight	The list box data row when selected.
proiv-ListboxPaleHighlight	The list box data row when mouse over.
Combo Box Properties
proiv-Combobox	The combo box.
proiv-ComboboxDisabled	The combo box when disabled.
proiv-ComboboxData	The combo box when in a Paging Area and not in the selected row and disabled.
proiv-ComboboxValue	The combo box input node
proiv-ComboboxValueDisabled	The combo box input node when disabled
proiv-Combolist	The combo box list.
proiv-CombolistPanel	The combo box list panel.
proiv-CombolistPanelCorner	The combo box list corner .
proiv-CombolistPanelHeader	The combo box list header panel.
proiv-CombolistPanelHeaderTable	The combo box list header table.
proiv-CombolistPanelHeaderTableRowCell	The combo box list header cell.
proiv-CombolistPanelData	The combo box list data panel.
proiv-CombolistPanelDataTable	The combo box list data table.
proiv-CombolistPanelDataTableRow	The combo box list data table row.
proiv-CombolistPanelDataTableRowCell	The combo box list data table cell.
proiv-CombolistBoldHighlight	The combo box list data row when selected.
proiv-CombolistPaleHighlight	The combo box list data row when mouse over.
proiv-ComboButton	The combo box panel.
proiv-ComboButtonBackground	The combo box background panel.
proiv-ComboButtonBackgroundDisabled	The combo box background when disabled.
proiv-ComboButtonEvent	The combo box event panel.
proiv-ComboButtonImage	The combo box image panel.
Lines and Boxes Properties
proiv-Line	The line panel.
proiv-LineDisabled	The line panel when disabled.
proiv-Box	The box panel.
proiv-BoxDisabled	The box panel when disabled.
proiv-BoxTitle	The box title panel.
proiv-BoxTileDisabled	The box title panel when disabled.
JavaScript Object About Box Properties
proiv-AboutBox	The About Box panel.
proiv-AboutBoxTitle	The About Box title panel.
proiv-AboutBoxExitButton	The About Box Exit .
proiv-AboutBoxImage	The About Box image.
proiv-AboutBoxText	The About Box text panel.
proiv-AboutBoxOK	The About Box OK.

Comment on this topic

Topic ID: 800047