Each CSS element is listed in the CSS Editor, along with any styles currently defined for it. Add CSS style attributes as desired to customize how elements are displayed in the Web Part.
As an example, should you choose to modify the attributes of the search button for your user interface, you can do that within the style “.SearchButtonStyle” changing the width and height from auto to your selection in pixels.
IMPORTANT: If unique CSS class names are defined in the layout HTML Editor, they should be added to the CSS class definitions in the CSS Edit window.
Below is a list of the default CSS classes defined for the List Search Simple Web Part:
Style | Description |
SearchButtonStyle, ResetButtonStyle, PrintButtonStyle, ExportButtonStyle, and BackButtonStyle |
Define the look and feel of the Search, Reset, Print, Export, and Back buttons.
|
TextBoxSearchKeyWord | Defines the look and feel of the Search in all columns for: text box. |
LabelControls | Defines the look and feel of the Field Label controls. |
TextBoxControls | Defines the look and feel of the Field Controls that are text boxes. |
TextAreaControls | Defines the look and feel of the Field Controls that are text areas. |
ListBoxControls | Defines the look and feel of the Field Controls that are list boxes. |
DropDownListControls | Defines the look and feel of the Field Controls that are drop down menus. |
CheckBoxControls | Defines the look and feel of the Field Controls that are check boxes. |
RadioButtonControls | Defines the look and feel of the Field Controls that are radio buttons. |
ResultTableStyle | Defines the general style of the search results table. Settings can include border style, background style and alignment. |
ResultTableHeaderStyle | Defines the background color for the column headers of the search results table. |
ResultNormalItemStyle | Defines the background color for the odd number search result rows (rows 1, 3, 5, …). |
ResultAlternatingItemStyle | Defines the background color for the even number search result rows (rows 2, 4, 6, …). |