Author: SeanRogers Date: 2011-01-17 17:49:07 -0500 (Mon, 17 Jan 2011) New Revision: 21048 Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcalendar.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richextendedDataTable.xml modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richlist.xml Log: More skinning reference Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcalendar.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcalendar.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richcalendar.xml 2011-01-17 22:49:07 UTC (rev 21048) @@ -0,0 +1,1099 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE table PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<table id="tabl-richcalendar-Style_classes_and_corresponding_skin_parameters"> + <title>Style classes (selectors) and corresponding skin parameters</title> + <tgroup cols="3"> + <colspec colname="class"/> + <colspec colname="skin"/> + <colspec colname="css"/> + <spanspec spanname="noskin" namest="skin" nameend="css"/> + <thead> + <row> + <entry>Class (selector)</entry> + <entry>Skin Parameters</entry> + <entry>Mapped <acronym>CSS</acronym> properties</entry> + </row> + </thead> + <tbody> + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-exterior</classname></term> + <listitem> + <para> + This class defines the styles for a pop-up calendar exterior. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-header</classname></term> + <listitem> + <para> + This class defines the styles for a calendar header. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-bottom-color</literal></entry> + </row> + <row> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-header-optional</classname></term> + <listitem> + <para> + This class defines the styles for an optional header. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-bottom-color</literal></entry> + </row> + <row> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-cell</classname></term> + <listitem> + <para> + This class defines the styles for cells with days. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-bottom-color</literal>, <literal>border-right-color</literal></entry> + </row> + <row> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="4"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-tool</classname></term> + <listitem> + <para> + This class defines the styles for calendar toolbars. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>headerSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>headerFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>headerWeightFont</literal></entry> + <entry><literal>font-weight</literal></entry> + </row> + <row> + <entry><literal>headerTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + + <row> + <entry morerows="4"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-month</classname></term> + <listitem> + <para> + This class defines the styles for names of months. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>headerSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>headerFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>headerWeightFont</literal></entry> + <entry><literal>font-weight</literal></entry> + </row> + <row> + <entry><literal>headerTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-days</classname></term> + <listitem> + <para> + This class defines the styles for names of working days in a header. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-bottom-color</literal>, <literal>border-right-color</literal></entry> + </row> + <row> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="4"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-week</classname></term> + <listitem> + <para> + This class defines the styles for week numbers. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-bottom-color</literal>, <literal>border-right-color</literal></entry> + </row> + <row> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>calendarWeekBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-holly</classname></term> + <listitem> + <para> + This class defines the styles for holidays. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>calendarHolidaysBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>calendarHolidaysTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-today</classname></term> + <listitem> + <para> + This class defines the styles for the cell representing today's date. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>calendarCurrentBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>calendarCurrentTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-select</classname></term> + <listitem> + <para> + This class defines the styles for the selected day. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>headerTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-hover</classname></term> + <listitem> + <para> + This class defines the styles for a cell when it is hovered over with the mouse cursor. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>calendarSpecBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>calendarSpecTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-toolfooter</classname></term> + <listitem> + <para> + This class defines the styles for a toolbar item in the calendar footer. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-tool-btn-hover</classname></term> + <listitem> + <para> + This class defines the styles for toolbar items when it is hovered over with the mouse cursor. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>calendarWeekBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-tool-btn-press</classname></term> + <listitem> + <para> + This class defines the styles for toolbar items when it is pressed. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-footer</classname></term> + <listitem> + <para> + This class defines the styles for a calendar footer. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + <row> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-footer-optional</classname></term> + <listitem> + <para> + This class defines the styles for an optional footer. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + <row> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-editor-shadow</classname></term> + <listitem> + <para> + This class defines the styles for the calendar editor shadow. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-time-layout</classname></term> + <listitem> + <para> + This class defines the styles for a pop-up element during time selection. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-date-layout</classname></term> + <listitem> + <para> + This class defines the styles for a pop-up element during quick month or year selection. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-time-layout-input</classname></term> + <listitem> + <para> + This class defines the styles for an input field in a pop-up element during time selection. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-date-layout-cancel</classname></term> + <listitem> + <para> + This class defines the styles for the <guibutton>Cancel</guibutton> button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-top-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-date-layout-ok</classname></term> + <listitem> + <para> + This class defines the styles for the <guibutton>OK</guibutton> button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-top-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-date-layout-split</classname></term> + <listitem> + <para> + This class defines the styles for a wrapper <sgmltag>&lt;td&gt;</sgmltag> element for month items near the split line. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-time-btn</classname></term> + <listitem> + <para> + This class defines the styles for a button in the pop-up element for the calendar's time section. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-time-btn-press</classname></term> + <listitem> + <para> + This class defines the styles for a pressed button in the pop-up element for the calendar's time section. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>calendarWeekBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-spinner-buttons</classname></term> + <listitem> + <para> + This class defines the styles for a wrapper <sgmltag>&lt;td&gt;</sgmltag> element for spinner buttons in the pop-up element for time selection. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal>, <literal>border-color</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-spinner-input-container</classname></term> + <listitem> + <para> + This class defines the styles for a wrapper <sgmltag>&lt;td&gt;</sgmltag> element for a spinner input field in the pop-up element for time selection. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>controlBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>subBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-spinner-input</classname></term> + <listitem> + <para> + This class defines the styles for a spinner input field in the pop-up element for time selection. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>buttonSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>buttonFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-editor-layout-shadow</classname></term> + <listitem> + <para> + This class defines the styles for the layout shadow of a calendar editor. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>shadowBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-editor-btn-over</classname></term> + <listitem> + <para> + This class defines the styles for the calendar editor button when it is hovered over with the mouse cursor. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>calendarSpecBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-editor-btn-selected</classname></term> + <listitem> + <para> + This class defines the styles for the calendar editor button when it is pressed. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>calendarCurrentBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>calendarCurrentTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-editor-tool-over</classname></term> + <listitem> + <para> + This class defines the styles for a toolbar item in the calendar editor when it is hovered over with the mouse cursor. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry morerows="2"> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-editor-tool-press</classname></term> + <listitem> + <para> + This class defines the styles for a toolbar item in the calendar editor when it is pressed. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background</literal></entry> + </row> + <row> + <entry><literal>panelBorderColor</literal></entry> + <entry><literal>border-color</literal></entry> + </row> + <row> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>border-right-color</literal>, <literal>border-bottom-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-input</classname></term> + <listitem> + <para> + This class defines styles for an input field. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-button</classname></term> + <listitem> + <para> + This class defines styles for a pop-up button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-weekends</classname></term> + <listitem> + <para> + This class defines styles for the name of a weekend day in a header. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-popup</classname></term> + <listitem> + <para> + This class defines styles for a pop-up element. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-tool-btn</classname></term> + <listitem> + <para> + This class defines styles for a toolbar button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-tool-btn-disabled</classname></term> + <listitem> + <para> + This class defines styles for a disabled toolbar button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-tool-close</classname></term> + <listitem> + <para> + This class defines styles for a <guibutton>Close</guibutton> button in a toolbar. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-boundary-dates</classname></term> + <listitem> + <para> + This class defines styles for an active boundary button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-btn</classname></term> + <listitem> + <para> + This class defines styles for a date button. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-editor-btn</classname></term> + <listitem> + <para> + This class defines styles for a button in the calendar editor. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-time-layout-fields</classname></term> + <listitem> + <para> + This class defines styles for a wrapper <sgmltag>&lt;td&gt;</sgmltag> element for input fields and buttons. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-spinner-up</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>Up</guibutton> spinner button in the pop-up element for the time section. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-spinner-down</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>Down</guibutton> spinner button in the pop-up element for the time section. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-spinner-pressed</classname></term> + <listitem> + <para> + This class defines styles for a spinner button in the pop-up element for the time section when it is pressed. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-time-layout-ok</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>OK</guibutton> button in the pop-up element for the time section. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-calendar-time-layout-cancel</classname></term> + <listitem> + <para> + This class defines styles for the <guibutton>Cancel</guibutton> button in the pop-up element for the time section. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + </tbody> + </tgroup> +</table> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richextendedDataTable.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richextendedDataTable.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richextendedDataTable.xml 2011-01-17 22:49:07 UTC (rev 21048) @@ -0,0 +1,602 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE table PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<table id="tabl-richextendedDataTable-Style_classes_and_corresponding_skin_parameters"> + <title>Style classes (selectors) and corresponding skin parameters</title> + <tgroup cols="3"> + <colspec colname="class"/> + <colspec colname="skin"/> + <colspec colname="css"/> + <spanspec spanname="noskin" namest="skin" nameend="css"/> + <thead> + <row> + <entry>Class (selector)</entry> + <entry>Skin Parameters</entry> + <entry>Mapped <acronym>CSS</acronym> properties</entry> + </row> + </thead> + <tbody> + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.extdt-empty-cell</classname></term> + <listitem> + <para> + This class defines the styles for empty cells. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBorderWidth</literal>, <literal>tableBorderColor</literal></entry> + <entry><literal>border-bottom</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.extdt-table-layout</classname></term> + <listitem> + <para> + This class defines the styles for the table layout. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.extdt-cell</classname></term> + <listitem> + <para> + This class defines the styles for the table cells. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBorderWidth</literal>, <literal>tableBorderColor</literal></entry> + <entry><literal>border-right, border-bottom</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.extdt-header</classname></term> + <listitem> + <para> + This class defines the styles for a table header row. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.extdt-header-continue</classname></term> + <listitem> + <para> + This class defines the styles for all header lines after the first. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>headerBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + + <row> + <entry morerows="4"> + <variablelist> + <varlistentry> + <term><classname>.extdt-headercell</classname></term> + <listitem> + <para> + This class defines the styles for the header cells. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBorderWidth</literal>, <literal>tableBorderColor</literal></entry> + <entry><literal>border-right, border-bottom</literal></entry> + </row> + <row> + <entry><literal>headerTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>headerWeightFont</literal></entry> + <entry><literal>font-weight</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.extdt-subheader</classname></term> + <listitem> + <para> + This class defines the styles for a column sub-header. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + + <row> + <entry morerows="1"> + <variablelist> + <varlistentry> + <term><classname>.extdt-table-filterrow</classname></term> + <listitem> + <para> + This class defines the styles for the filter row. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>background-color</literal></entry> + </row> + <row> + <entry><literal>tableBorderWidth</literal>, <literal>tableBorderColor</literal></entry> + <entry><literal>border-top</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.extdt-subheadercell</classname></term> + <listitem> + <para> + This class defines the styles for a column sub-header cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBorderWidth</literal>, <literal>tableBorderColor</literal></entry> + <entry><literal>border-right</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="5"> + <variablelist> + <varlistentry> + <term><classname>.extdt-caption</classname></term> + <listitem> + <para> + This class defines styles for a table caption. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBorderWidth, tableBorderColor</literal></entry> + <entry><literal>border-right, border-bottom</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>headerWeightFont</literal></entry> + <entry><literal>font-weight</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + <row> + <entry><literal>additionalBackgroundColor</literal></entry> + <entry><literal>bakcground-color</literal></entry> + </row> + + <row> + <entry morerows="4"> + <variablelist> + <varlistentry> + <term><classname>.extdt-footercell</classname></term> + <listitem> + <para> + This class defines styles for a footer cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBorderWidth, tableBorderColor</literal></entry> + <entry><literal>border-right, border-bottom</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>headerWeightFont</literal></entry> + <entry><literal>font-weight</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.extdt-subfooter</classname></term> + <listitem> + <para> + This class defines the styles for a column footer. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBorderWidth</literal>, <literal>tableBorderColor</literal></entry> + <entry><literal>border-right</literal>, <literal>border-bottom</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry morerows="3"> + <variablelist> + <varlistentry> + <term><classname>.extdt-subfootercell</classname></term> + <listitem> + <para> + This class defines the styles for a column footer cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry><literal>tableBorderWidth</literal>, <literal>tableBorderColor</literal></entry> + <entry><literal>border-right</literal>, <literal>border-bottom</literal></entry> + </row> + <row> + <entry><literal>generalTextColor</literal></entry> + <entry><literal>color</literal></entry> + </row> + <row> + <entry><literal>generalSizeFont</literal></entry> + <entry><literal>font-size</literal></entry> + </row> + <row> + <entry><literal>generalFamilyFont</literal></entry> + <entry><literal>font-family</literal></entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt</classname></term> + <listitem> + <para> + This class defines styles for the table. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-caption</classname></term> + <listitem> + <para> + This class defines styles for a "caption" facet element. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-header</classname></term> + <listitem> + <para> + This class defines styles for a table header row. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-header-continue</classname></term> + <listitem> + <para> + This class defines styles for all header lines after the first. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-subheader</classname></term> + <listitem> + <para> + This class defines styles for a column sub-header. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-footer</classname></term> + <listitem> + <para> + This class defines styles for a footer row. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-footer-continue</classname></term> + <listitem> + <para> + This class defines styles for all footer lines after the first. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-subfooter</classname></term> + <listitem> + <para> + This class defines styles for a column sub-footer. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-headercell</classname></term> + <listitem> + <para> + This class defines styles for a header cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-subheadercell</classname></term> + <listitem> + <para> + This class defines styles for a sub-header cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-cell</classname></term> + <listitem> + <para> + This class defines styles for a table cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-row</classname></term> + <listitem> + <para> + This class defines styles for a table row. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-firstrow</classname></term> + <listitem> + <para> + This class defines styles for a table's first row. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-footercell</classname></term> + <listitem> + <para> + This class defines styles for a footer cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-subfootercell</classname></term> + <listitem> + <para> + This class defines styles for a sub-footer cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-extdt-group-cell</classname></term> + <listitem> + <para> + This class defines styles for a grouping row cell. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + </tbody> + </tgroup> +</table> Added: modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richlist.xml =================================================================== --- modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richlist.xml (rev 0) +++ modules/docs/trunk/Component_Reference/src/main/docbook/en-US/skinning/tabl-richlist.xml 2011-01-17 22:49:07 UTC (rev 21048) @@ -0,0 +1,53 @@ +<?xml version='1.0' encoding='utf-8' ?> +<!DOCTYPE table PUBLIC "-//OASIS//DTD DocBook XML V4.5//EN" "http://www.oasis-open.org/docbook/xml/4.5/docbookx.dtd" [ +]> + +<table id="tabl-richlist-Style_classes_and_corresponding_skin_parameters"> + <title>Style classes (selectors) and corresponding skin parameters</title> + <tgroup cols="3"> + <colspec colname="class"/> + <colspec colname="skin"/> + <colspec colname="css"/> + <spanspec spanname="noskin" namest="skin" nameend="css"/> + <thead> + <row> + <entry>Class (selector)</entry> + <entry>Skin Parameters</entry> + <entry>Mapped <acronym>CSS</acronym> properties</entry> + </row> + </thead> + <tbody> + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-list</classname></term> + <listitem> + <para> + This class defines styles for an HTML <sgmltag>&lt;ul&gt;</sgmltag> element. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + + <row> + <entry> + <variablelist> + <varlistentry> + <term><classname>.rich-list-item</classname></term> + <listitem> + <para> + This class defines styles for an HTML <sgmltag>&lt;il&gt;</sgmltag> element. + </para> + </listitem> + </varlistentry> + </variablelist> + </entry> + <entry spanname="noskin">No skin parameters.</entry> + </row> + </tbody> + </tgroup> +</table>