This section contains two lists. One is a list of IBI classes that are used to style various components and controls. The second list contains the IBI classes and how they are defined in the Default_Theme.css file and IBI.css file. The IBI.css file is the file that is used for the default Information Builders theme.
The following is a list of components and controls and the classes used to style them.
Note: The IBIfield class is not used in new HTML pages but can still be used if it is present in existing HTML pages. It was defined in the Default_Theme.css for font size and family. This section presents the following information as if it were being used in a new HTML page and does not list the IBIfield class.
|
Components/Controls |
Classes Used |
|---|---|
|
Body |
IBI_PageBg |
|
Report |
IBI_Report-iFrame; IBI_rounded_m |
|
Chart |
IBI_Report-iFrame; IBI_rounded_m |
|
Hyperlink |
IBI_LinkItem |
|
Button |
IBI_button |
|
Reset |
IBI_button |
|
Label |
IBI_ReportControlLabel |
|
Form |
IBI_ReportControlPanel; IBI_rounded_m |
|
Submit Button |
IBI_button; IBI_btn-run |
|
Reset Button |
IBI_button; IBI_btn-reset |
|
Save Selection Button |
IBI_btn-saveselection |
|
Defer Button |
IBI_btn-defer |
|
Schedule Button |
IBI_btn-schedule |
|
Panel |
IBI_Panel; IBI_rounded_m |
|
Map |
IBI_ReportControlTarget |
|
Frame |
IBI_rounded_m |
|
Edit box |
IBI_ReportControlTarget; IBI_rounded_s |
|
Drop down |
IBI_ReportControlTarget; IBI_rounded_s |
|
List Box |
IBI_ReportControlTarget; IBI_rounded_s |
|
Double List |
Clearfloats |
|
Radio Button |
IBI_ReportControlTarget; IBI_Radio |
|
Check Box |
IBI_ReportControlTarget; IBI_CheckBox |
|
Text Area |
IBI_rounded_m |
|
Single Source Tree |
IBI_ReportControlTarget |
|
Multi Source Tree |
IBI_ReportControlTarget |
|
Horizontal Slider |
IBI_ReportControlTarget; IBI_rounded_s; IBI_SliderInput; IBI_buttonSliderNav; IBI_btn-left; IBI_btn-right; IBI_SliderTrack; IBI_SliderHandle |
|
Vertical Slider |
IBI_ReportControlTarget; IBI_rounded_s; IBI_SliderInput; IBI_buttonSliderNav; IBI_buttonSliderNavVert; IBI_btn-up; IBI_btn-down; IBI_SliderTrack; IBI_SliderTrackVert; IBI_SliderHandle; IBI_SliderHandleVert |
|
Info Window |
IBI_InfoWnd; IBI_InfoWndTitleBar; IBI_InfoWndFrame |
|
Tab |
IBI_MultiContentPlugin; IBI_DisplayBlock |
|
Tab Header |
IBI_pageHeader; IBI_pageHeaderLogo |
|
Left or Right Tab |
IBI_pageHeader_Vertical |
|
TabHeader Top and Bottom |
IBI_pageHeaderTab_TopBottom |
|
TabHeader - Bottom Tab |
IBI_pageHeaderTab_Bottom |
|
TabHeader - Left Tab |
IBI_pageHeaderTab_Left |
|
TabHeader - Right Tab |
IBI_pageHeaderTab_Right |
|
Tab Selected |
IBI_pageHeader_Selected |
|
Left or Right Tab Selected |
IBI_pageHeaderVertical_Selected |
|
Tab Heading Text |
IBI_pageHeaderText |
|
Tab Heading Text - Left Tab |
IBI_textVerticalTopToBottom |
|
Tab Heading Text - Right Tab |
IBI_textVerticalBottomToTop |
|
Tab Content |
IBI_pageContent |
|
Tab Content - Top |
IBI_pageContentTab_Top |
|
Tab Content - Bottom |
IBI_pageContentTab_Bottom |
|
Tab Content - Left |
IBI_pageContentTab_Left |
|
Tab Content - Right |
IBI_pageContentTab_Right |
|
Accordion Header Horizontal |
IBI_pageHeaderAccordion_Horizontal |
|
Accordion Content Horizontal |
IBI_pageContentAccordion_Horizontal |
|
Accordion Content Vertical |
IBI_pageContentAccordion_Vertical |
|
Window Content |
IBI_pageContentWnd; IBI_Draggable; IBI_Resizable |
|
Tab/Accordion/Window |
IBI_windowNavBox; IBI_windowNav |
|
Tab/Accordion/Window |
IBI_windowMaxRestore; IBI_windowMaximize; IBI_windowMinimize; IBI_windowTiles; IBI_windowFlipRight; IBI_windowFlipLeft; IBI_DisplayNone |
The following is a list of classes and their definitions in the Default_Theme.css file and the IBI.css file.
|
Classes Used |
Default_Theme.css |
IBI.css |
|---|---|---|
|
body |
Background, color, and font |
Not defined |
|
IBI_btn-reset |
Background image |
Background image |
|
IBI_btn-run |
Background image |
Background image |
|
IBIbtn_up |
Background image |
Background image |
|
IBIbtn_down |
Background image |
Background image |
|
IBIbtn_right |
Background image |
Background image |
|
IBIbtn_left |
Background image |
Background image |
|
IBI_btn-saveselection |
Background image |
Background image |
|
IBI_btn-defer |
Background image |
Background image |
|
IBI_btn-schedule |
Background image |
Background image |
|
IBI_Report-iFrame |
Not defined |
Border |
|
IBI_rounded_m |
Not defined |
Border-radius - 5px |
|
IBI_rounded_s |
Not defined |
Border-radius - 3px |
|
IBI_button |
Background color, background position, height and width |
Background image, color, text align, border and border-radius |
|
IBI_ReportControlPanel |
Background image and border |
Not defined |
|
IBI_ReportControlTarget |
Font size |
Background color and color |
|
IBI_Panel |
Not defined |
Border |
|
IBI_Radio |
Not defined |
Background color |
|
IBI_CheckBox |
Not defined |
Background color |
|
IBI_SliderInput |
Float, width, height, margin and clear |
Not defined |
|
IBI_buttonSliderNav |
Width, height, float, background-position, margin and cursor |
Not defined |
|
IBI_SliderTrack |
Float, height, margin, background-color |
Not defined |
|
IBI_SliderHandle |
Float, height, width and background-color |
Background image, color, text align, border and border-radius |
|
IBI_buttonSliderNavVert |
Clear and margin |
Not defined |
|
IBI_SliderTrackVert |
Width, clear and margin-right |
Not defined |
|
IBI_MultiContentPlugin |
Border, overflow, margin and position |
Background color and border |
|
IBI_pageHeader |
Background color, padding, height, margin and border |
Background image, color, border top left and right radius |
|
IBI_pageHeader_Vertical |
Not defined |
Border bottom left radius and background image |
|
IBI_pageHeaderTab_TopBottom |
Width, float and margin |
Not defined |
|
IBI_pageHeaderAccordion_Horizontal |
Width, float, padding and height |
Not defined |
|
IBI_pageHeaderTab_Bottom |
Not defined |
Border bottom right and left radius |
|
IBI_pageHeaderTab_Left |
Not defined |
Border top left and bottom left radius |
|
IBI_pageHeaderTab_Right |
Not defined |
Border top right and bottom right radius |
|
IBI_pageHeader_Selected |
Background color and display |
Background image |
|
IBI_pageHeaderVertical_Selected |
Width, float and margin |
Background image |
|
IBI_pageHeaderLogo |
Height, min-width, background image, and background position |
Not defined |
|
IBI_pageHeaderText |
Font size and position |
Not defined |
|
IBI_textVerticalTopToBottom |
Rotate and scale |
Not defined |
|
IBI_textVerticalBottomToTop |
Rotate and scale |
Not defined |
|
IBI_pageContent |
Position, display, and overflow |
Not defined |
|
IBI_pageContentTab_Top |
Border-top |
Border-top |
|
IBI_pageContentTab_Bottom |
Border-bottom |
Border-bottom |
|
IBI_pageContentTab_Left |
Border-left |
Border-left |
|
IBI_pageContentTab_Right |
Border-right |
Border-right |
|
IBI_pageContentAccordion_Horizontal |
Float |
Not defined |
|
IBI_pageContentAccordion_Vertical |
Float |
Not defined |
|
IBI_pageContentWnd |
Not defined |
Not defined |
|
IBI_windowNavBox |
Width, height, position, background color, and cursor |
Background image, border, opacity, and border-bottom-left-radius |
|
IBI_windowNav |
Width, height, float and cursor |
Not defined |
|
IBI_windowMaxRestore |
Margin-right |
Margin-right |
|
IBI_windowMaximize |
Background-image |
Background-image |
|
IBI_windowMinimize |
Background-image |
Background-image |
|
IBI_windowTiles |
Background-image |
Background-image |
|
IBI_windowFlipRight |
Background-image |
Background-image |
|
IBI_windowFlipLeft |
Background-image |
Background-image |
|
IBI_InfoWnd |
Border-radius, position, border, and background-color |
Border-radius, border, background color, and background-image |
|
IBI_InfoWndTitleBar |
Border-bottom-right-radius, border-bottom-left-radius, position, width, and height |
Border-bottom-right-radius and border-bottom-left-radius |
|
IBI_InfoWndFrame |
Width and height |
Radius |
|
IBI_DisplayNone |
Display |
Not defined |
|
IBI_DisplayBlock |
Display |
Not defined |
|
IBI_PageBg |
Font size and family |
Commented |
|
IBI_LinkItem |
Not defined |
Not defined |
|
IBI_Draggable |
Not defined |
Not defined |
|
IBI_Resizable |
Not defined |
Not defined |
| WebFOCUS |