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 |