You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by aw...@apache.org on 2007/07/24 22:41:31 UTC
svn commit: r559200 -
/myfaces/trinidad/trunk/trinidad/src/site/xdoc/skin-selectors.xml
Author: awiner
Date: Tue Jul 24 13:41:30 2007
New Revision: 559200
URL: http://svn.apache.org/viewvc?view=rev&rev=559200
Log:
Overhaul of a bunch of skin selectors content
- Delete text about server-side image generation for buttons
- Add section for commandButton and goButton
- Update inputDate/inputColor/inputListOfValues and move to be alphabetically listed
- Fix some components that were never renamed (showOneTab, selectInputText, selectInputColor, etc.)
- Add message up top warning that the doc isn't really up-to-date
Modified:
myfaces/trinidad/trunk/trinidad/src/site/xdoc/skin-selectors.xml
Modified: myfaces/trinidad/trunk/trinidad/src/site/xdoc/skin-selectors.xml
URL: http://svn.apache.org/viewvc/myfaces/trinidad/trunk/trinidad/src/site/xdoc/skin-selectors.xml?view=diff&rev=559200&r1=559199&r2=559200
==============================================================================
--- myfaces/trinidad/trunk/trinidad/src/site/xdoc/skin-selectors.xml (original)
+++ myfaces/trinidad/trunk/trinidad/src/site/xdoc/skin-selectors.xml Tue Jul 24 13:41:30 2007
@@ -32,9 +32,6 @@
<li>
<a href="#Global Selectors">Global Selectors</a>
</li>
- <li>
- <a href="#ButtonSelectors">Button Selectors</a>
- </li>
<li>
<a href="#ComponentLevelSelectors">Component-level Selectors</a>
</li>
@@ -44,7 +41,8 @@
<a name="Overview"></a>
<section name="Overview">
<p>This document lists the selectors that can be used in an Trinidad
- skin .css file to skin Trinidad components.
+ skin .css file to skin Trinidad components. <strong>NOTE:</strong> This
+ document is not currently up-to-date!
</p>
<p>
<pre>
@@ -53,14 +51,8 @@
.AFDarkForeground:alias {color:#035D5C;}
.AFDarkBackground:alias {background-color:Purple;}
- /* Selectors to customize buttons. These are global selectors, too, since they affect all buttons. */
- .AFButtonServerText:alias {background-color:#CECFCE; color:#25009E}
- .AFButtonServerTextDisabled:alias {background-color:#F0F0F0; color:gray;-tr-text-antialias:true}
- .AFButtonStartIcon:alias {content:url(/skins/purple/images/btns.gif); width:7px; height:18px}
- .AFButtonStartIcon:alias:rtl {content:url(/skins/purple/images/btne.gif); width:7px; height:18px}
-
/* Component-specific selector. */
- af|showOneTab::orientation-top
+ af|panelTabbed::orientation-top
{
border-bottom: 3px solid black;
}
@@ -107,7 +99,7 @@
<tr>
<td>.AFSmallFont:alias</td>
<td>A small version of the default font. This style is used for text
- which is slightly smaller than the default, such as tr:navigationPath
+ which is slightly smaller than the default, such as tr:breadCrumbs
links.</td>
</tr>
<tr>
@@ -167,8 +159,7 @@
<td>.AFLightAccentBackground:alias</td>
<td>The lightest background color in the accent color ramp. This
value is computed relative to the .AFDarkAccentBackground:alias
- color. This is used in af|messages::body, .AFButtonServerText,
- and .AFButtonServerTextDisabled.</td>
+ color. This is used in af|messages::body.</td>
</tr>
<tr>
<td>.AFTextBackground:alias</td>
@@ -462,7 +453,7 @@
<tr>
<td>.AFErrorIcon:alias</td>
<td>This icon is used by the form components (eg.
- selectInputText, selectBooleanCheckbox, outputLabel, etc...) to indicate that
+ inputText, selectBooleanCheckbox, outputLabel, etc...) to indicate that
an error has occurred.</td>
</tr>
<tr>
@@ -476,7 +467,7 @@
<td>.AFInfoIcon:alias</td>
<td>
This icon is used by the form components (eg.
- selectInputText, selectBooleanCheckbox, outputLabel, etc...) to indicate that an
+ inputText, selectBooleanCheckbox, outputLabel, etc...) to indicate that an
informational message is being displayed to the user.
</td>
</tr>
@@ -489,14 +480,14 @@
<tr><td>.AFRequiredIcon:alias</td>
<td>
This icon is used by the form components (eg.
- selectInputText, selectBooleanCheckbox, outputLabel, etc...) to indicate that a
+ inputText, selectBooleanCheckbox, outputLabel, etc...) to indicate that a
value is required.
</td>
</tr>
<tr><td>.AFWarningIcon:alias</td>
<td>
This icon is used by the form components (eg.
- selectInputText, selectBooleanCheckbox, etc...) to indicate that an
+ inputText, selectBooleanCheckbox, etc...) to indicate that an
warning message is being displayed to the user.
</td>
</tr>
@@ -515,127 +506,6 @@
</table>
</subsection>
</section>
- <a name="ButtonSelectors"></a>
- <section name="Button Selectors">
- <p>We do not support component-level selectors for buttons. For example,
- you cannot customize a goButton differently from a commandButton. You can
- customize buttons in general, and following is the description in how to do that.
- </p>
- <p>
- Skinning supports two very different button
- implementations. By default, standard browser buttons are used.
- However, the skinning also supports dynamic generation of
- image-based buttons. In order to enable image-based buttons, the
- following four button icon must be specified:
- <ul>
- <li>.AFButtonStartIcon:alias</li>
- <li>.AFButtonEndIcon:alias</li>
- <li>.AFButtonTopBackgroundIcon:alias</li>
- <li>.AFButtonBottomBackgroundIcon:alias</li>
- </ul>
- When these four icons are
- specified, Trinidad combines the images specified by these icons into a
- single button image. (Note: These icons must be specified using either
- context-image or resource-image icons. Text-based icons are not
- allowed.)
- </p>
- <table>
- <tr>
- <th colspan="2">
- <i>Style Selectors</i>
- </th>
- </tr>
- <tr>
- <th>Name</th>
- <th>Description</th>
- </tr>
- <tr><td>.AFButtonServerText:alias</td>
- <td>
- This style is used to provide the foreground color, background
- color, and font information for server-side generated buttons.
- You can set attributes background-color, color, -tr-text-antialias, font-size,
- font-family.
- </td>
- </tr>
- <tr><td>.AFButtonServerTextDisabled:alias</td>
- <td>
- This style is used to provide the foreground color, background
- color, and font information for server-side generated disabled
- buttons. You can attributes background-color, color, -tr-text-antialias, font-size,
- font-family.
- </td>
- </tr>
- <tr><td>BUTTON</td>
- <td>
- The BUTTON selector is used to apply styles to browser-based buttons.
- </td>
- </tr>
- <tr>
- <th colspan="2">
- <i>Icon Selectors</i>
- </th>
- </tr>
- <tr>
- <th>Name</th>
- <th>Description</th>
- </tr>
- <tr><td>.AFButtonStartIcon:alias</td>
- <td>
- This icon is rendered at the starting side of the button. That is,
- this image appears on the left side of the button when the reading
- direction is right-to-left, and the right side of the button when
- the reading direction is left-to-right.
- </td>
- </tr>
- <tr><td>.AFButtonEndIcon:alias</td>
- <td>
- This icon is rendered at the ending side of the button. That is,
- this image appears on the right side of the button when the reading
- direction is right-to-left, and the left side of the button when the
- reading direction is left-to-right.
- </td>
- </tr>
- <tr><td>.AFButtonTopBackgroundIcon:alias</td>
- <td>
- This image is tiled horizontally along the top of the button,
- providing the button's top border.
- </td>
- </tr>
- <tr><td>.AFButtonBottomBackgroundIcon:alias</td>
- <td>
- This image is tiled horizontally along the bottom of the button,
- providing the button's bottom border.
- </td>
- </tr>
- <tr><td>.AFButtonDisabledStartIcon:alias</td>
- <td>
- This icon is rendered at the starting side of disabled buttons. If
- this icon is not specified, the buttonStart icon will be used
- instead.
- </td>
- </tr>
- <tr><td>.AFButtonDisabledEndIcon:alias</td>
- <td>
- This icon is rendered at the ending side of disabled button. If this
- icon is not specified, the buttonEnd icon will be used instead.
- </td>
- </tr>
- <tr><td>.AFButtonDisabledTopBackgroundIcon:alias</td>
- <td>
- This icon is tiled horizontally along the top of disabled buttons.
- If this icon is not specified, the buttonTopBackground icon will be
- used instead.
- </td>
- </tr>
- <tr><td>.AFButtonDisabledBottomBackgroundIcon:alias</td>
- <td>
- This icon is tiled horizontally along the bottom of the disabled
- buttons. If this icon is not specified, the buttonBottomBackground
- icon will be used instead.
- </td>
- </tr>
- </table>
- </section>
<a name="ComponentLevelSelectors"></a>
<section name="Component-level Selectors">
<p>Component-level selectors are selectors that can be used to skin a particular
@@ -656,7 +526,7 @@
af|menuBar::enabled and af|menuBar::selected style classes.
Therefore, if you change the .AFMenuBarItem:alias style, you
will affect the af|menuBar::enabled and af|menuBar::selected style selectors.</p>
- <subsection name="afh:body Component">
+ <subsection name="trh:body Component">
<table>
<tr>
<th colspan="2">
@@ -669,7 +539,7 @@
</tr>
<tr>
<td>af|body</td>
- <td>Styles the afh:body content.</td>
+ <td>Styles the trh:body content.</td>
</tr>
</table>
</subsection>
@@ -861,6 +731,233 @@
</tr>
</table>
</subsection>
+ <subsection name="tr:commandButton Component">
+ <table>
+ <tr>
+ <th colspan="2">
+ <i>Style Selectors</i>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+
+ <tr>
+ <td>af|commandButton</td>
+ <td>Styles the commandButton.</td>
+ </tr>
+
+ <tr>
+ <td>af|commandButton:disabled</td>
+ <td>Styles the commandButton when disabled.</td>
+ </tr>
+ </table>
+ </subsection>
+ <subsection name="tr:goButton Component">
+ <table>
+ <tr>
+ <th colspan="2">
+ <i>Style Selectors</i>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+
+ <tr>
+ <td>af|goButton</td>
+ <td>Styles the goButton.</td>
+ </tr>
+
+ <tr>
+ <td>af|goButton:disabled</td>
+ <td>Styles the goButton when disabled.</td>
+ </tr>
+ </table>
+ </subsection>
+ <subsection name="tr:inputColor Component">
+ <table>
+ <tr>
+ <th colspan="2">
+ <i>Style Selectors</i>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+ <tr>
+ <td>af|inputColor</td>
+ <td>Style on the root element of the tr:inputColor component.</td>
+ </tr>
+ <tr>
+ <td>af|inputColor:disabled</td>
+ <td>Style on the root element of the tr:inputColor component when its disabled attribute
+ is set to 'true'. For example, you can style the label when the component is
+ disabled by using this selector: "af|inputColor:disabled::label"</td>
+ </tr>
+ <tr>
+ <td>af|inputColor:readOnly</td>
+ <td>Style on the root element of the tr:inputColor component when its readOnly attribute
+ is set to 'true'. For example, you can style the label when the component is
+ readOnly by using this selector: "af|inputColor:readOnly::label"</td>
+ </tr>
+ <tr>
+ <td>af|inputColor::content</td>
+ <td>Styles the inputColor content.</td>
+ </tr>
+ <tr>
+ <td>af|inputColor::label</td>
+ <td>Styles the inputColor label.</td>
+ </tr>
+ <tr>
+ <th colspan="2">
+ <i>Icon Selectors</i>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+ <tr>
+ <td>af|inputColor::launch-icon</td>
+ <td>The button icon which is used to launch the secondary color
+ picker dialog. Note: This af|inputColor's color swatch is
+ now used to launch the secondary dialog on most browsers. The
+ af|inputColor::launch-icon icon is only displayed on
+ browsers which do not display the color swatch, such as Netscape
+ 4.x.</td>
+ </tr>
+ <tr>
+ <td>af|inputColor::swatch-overlay-icon</td>
+ <td>The icon that is overlayed on top of the inputColor's
+ color swatch to indicate that the color swatch is clickable.</td>
+ </tr>
+ </table>
+ </subsection>
+ <subsection name="tr:inputDate Component">
+ <table>
+ <tr>
+ <th colspan="2">
+ <i>Style Selectors</i>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+ <tr>
+ <td>af|inputDate</td>
+ <td>Style on the root element of the tr:inputDate component.</td>
+ </tr>
+ <tr>
+ <td>af|inputDate:disabled</td>
+ <td>Style on the root element of the tr:inputDate component when its disabled attribute
+ is set to 'true'. For example, you can style the label when the component is
+ disabled by using this selector: "af|inputDate:disabled::label"</td>
+ </tr>
+ <tr>
+ <td>af|inputDate:readOnly</td>
+ <td>Style on the root element of the tr:inputDate component when its readOnly attribute
+ is set to 'true'. For example, you can style the label when the component is
+ readOnly by using this selector: "af|inputDate:readOnly::label"</td>
+ </tr>
+ <tr>
+ <td>af|inputDate::content</td>
+ <td>Styles the inputDate content.</td>
+ </tr>
+ <tr>
+ <td>af|inputDate::label</td>
+ <td>Styles the inputDate label.</td>
+ </tr>
+
+ <tr>
+ <td>af|inputDate::nav-link</td>
+ <td>Styles the inputDate's navigation Previous Month and
+ Next Month links.</td>
+ </tr>
+ <tr>
+ <td>af|inputDate::title</td>
+ <td>Styles the inputDate title
+ which is month/year choice lists..</td>
+ </tr>
+ <tr>
+ <td>af|inputDate::header</td>
+ <td>Styles the inputDate header which is the days of week row.</td>
+ </tr>
+ <tr>
+ <td>af|inputDate::selected</td>
+ <td>Styles the selected date.</td>
+ </tr>
+ <tr>
+ <th colspan="2">
+ <i>Icon Selectors</i>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+ <tr>
+ <td>af|inputDate::launch-icon</td>
+ <td>The button icon which is used to launch the secondary date
+ picker dialog.</td>
+ </tr>
+ </table>
+ </subsection>
+ <subsection name="tr:inputListOfValues Component">
+ <table>
+ <tr>
+ <th colspan="2">
+ <i>Style Selectors</i>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+ <tr>
+ <td>af|inputListOfValues</td>
+ <td>Style on the root element of the tr:inputListOfValues component.</td>
+ </tr>
+ <tr>
+ <td>af|inputListOfValues:disabled</td>
+ <td>Style on the root element of the tr:inputListOfValues component when its disabled attribute
+ is set to 'true'. For example, you can style the label when the component is
+ disabled by using this selector: "af|inputListOfValues:disabled::label"</td>
+ </tr>
+ <tr>
+ <td>af|inputListOfValues:readOnly</td>
+ <td>Style on the root element of the tr:inputListOfValues component when its readOnly attribute
+ is set to 'true'. For example, you can style the label when the component is
+ readOnly by using this selector: "af|inputListOfValues:readOnly::label"</td>
+ </tr>
+ <tr>
+ <td>af|inputListOfValues::content</td>
+ <td>Styles the inputListOfValues content.</td>
+ </tr>
+ <tr>
+ <td>af|inputListOfValues::label</td>
+ <td>Styles the inputListOfValues label.</td>
+ </tr>
+ <tr>
+ <th colspan="2">
+ <i>Icon Selectors</i>
+ </th>
+ </tr>
+ <tr>
+ <th>Name</th>
+ <th>Description</th>
+ </tr>
+ <tr>
+ <td>af|inputListOfValues::button-icon</td>
+ <td>The icon which is used to launch the secondary list of values
+ dialog.</td>
+ </tr>
+ </table>
+ </subsection>
<subsection name="tr:inputText Component">
<table>
<tr>
@@ -1169,7 +1266,7 @@
</tr>
</table>
</subsection>
- <subsection name="tr:navigationPath Component">
+ <subsection name="tr:breadCrumbs Component">
<table>
<tr>
<th colspan="2">
@@ -1181,45 +1278,45 @@
<th>Description</th>
</tr>
<tr>
- <td>af|navigationPath</td>
- <td>Styles the tr:navigationPath content.</td>
+ <td>af|breadCrumbs</td>
+ <td>Styles the tr:breadCrumbs content.</td>
</tr>
<tr>
- <td style="white-space: nowrap">af|navigationPath::disabled-step</td>
- <td>Styles the disabled step of tr:navigationPath.</td>
+ <td style="white-space: nowrap">af|breadCrumbs::disabled-step</td>
+ <td>Styles the disabled step of tr:breadCrumbs.</td>
</tr>
<tr>
- <td>af|navigationPath::separator</td>
- <td>Styles the tr:navigationPath steps.</td>
+ <td>af|breadCrumbs::separator</td>
+ <td>Styles the tr:breadCrumbs steps.</td>
</tr>
<tr>
- <td style="white-space: nowrap">af|navigationPath::selected-step</td>
- <td>Styles the selected step of tr:navigationPath. This step may be hidden
+ <td style="white-space: nowrap">af|breadCrumbs::selected-step</td>
+ <td>Styles the selected step of tr:breadCrumbs. This step may be hidden
if the -tr-show-last-item property is set to false.</td>
</tr>
<tr>
- <td>af|navigationPath::step</td>
- <td>Styles the tr:navigationPath steps.</td>
+ <td>af|breadCrumbs::step</td>
+ <td>Styles the tr:breadCrumbs steps.</td>
</tr>
<tr>
<td>.AFPath:alias</td>
<td>The .AFPath:alias style defines style properties that are shared
- by both af|navigationPath and af|treeTable::path.</td>
+ by both af|breadCrumbs and af|treeTable::path.</td>
</tr>
<tr>
<td>.AFPathSeparator:alias</td>
<td>The .AFPathSeparator:alias style defines style properties that
- used by both af|navigationPath::separator.</td>
+ used by both af|breadCrumbs::separator.</td>
</tr>
<tr>
<td>.AFPathStep:alias</td>
<td>The .AFPathStep:alias style defines style properties that are
- shared by both af|navigationPath::step and af|treeTable::path-step</td>
+ shared by both af|breadCrumbs::step and af|treeTable::path-step</td>
</tr>
<tr>
<td style="white-space: nowrap">.AFPathSelectedStep:alias</td>
<td>The .AFPathSelectedStep:alias style defines style properties
- that are shared by both af|navigationPath::selected-step and
+ that are shared by both af|breadCrumbs::selected-step and
af|treeTable::path-selected-step</td>
</tr>
<tr>
@@ -1232,13 +1329,13 @@
<th>Description</th>
</tr>
<tr>
- <td style="white-space: nowrap">af|navigationPath::separator-icon</td>
- <td>The separator icon that is rendered between tr:navigationPath links.
+ <td style="white-space: nowrap">af|breadCrumbs::separator-icon</td>
+ <td>The separator icon that is rendered between tr:breadCrumbs links.
This is typically a text icon, like '>'.</td>
</tr>
<tr>
<td>.AFPathSeparatorIcon:alias</td>
- <td>Changing this icon changes both af|navigationPath::separator-icon and
+ <td>Changing this icon changes both af|breadCrumbs::separator-icon and
af|treeTable::separator-icon. This makes it easier to keep the
icons between the two consistent.</td>
</tr>
@@ -1254,9 +1351,9 @@
<tr>
<td>-tr-show-last-item</td>
<td>Valid values are true or false. Determines whether the last item
- is displayed or not. e.g., af|navigationPath
+ is displayed or not. e.g., af|breadCrumbs
{-tr-show-last-item:false} will not show the last item in the
- navigationPath.</td>
+ breadCrumbs.</td>
</tr>
</table>
</subsection>
@@ -1545,7 +1642,7 @@
</tr>
</table>
</subsection>
- <subsection name="tr:objectSeparator Component">
+ <subsection name="tr:separator Component">
<table>
<tr>
<th colspan="2">
@@ -1557,8 +1654,8 @@
<th>Description</th>
</tr>
<tr>
- <td>af|objectSeparator</td>
- <td>Styles the tr:objectSeparator component.</td>
+ <td>af|separator</td>
+ <td>Styles the tr:separator component.</td>
</tr>
</table>
</subsection>
@@ -2151,51 +2248,6 @@
</tr>
</table>
</subsection>
- <subsection name="tr:selectInputColor Component">
- <table>
- <tr>
- <th colspan="2">
- <i>Icon Selectors</i>
- </th>
- </tr>
- <tr>
- <th>Name</th>
- <th>Description</th>
- </tr>
- <tr>
- <td>af|selectInputColor::launch-icon</td>
- <td>The button icon which is used to launch the secondary color
- picker dialog. Note: This af|selectInputColor's color swatch is
- now used to launch the secondary dialog on most browsers. The
- af|selectInputColor::launch-icon icon is only displayed on
- browsers which do not display the color swatch, such as Netscape
- 4.x.</td>
- </tr>
- <tr>
- <td>af|selectInputColor::swatch-overlay-icon</td>
- <td>The icon that is overlayed on top of the selectInputColor's
- color swatch to indicate that the color swatch is clickable.</td>
- </tr>
- </table>
- </subsection>
- <subsection name="tr:selectInputDate Component">
- <table>
- <tr>
- <th colspan="2">
- <i>Icon Selectors</i>
- </th>
- </tr>
- <tr>
- <th>Name</th>
- <th>Description</th>
- </tr>
- <tr>
- <td>af|selectInputDate::launch-icon</td>
- <td>The button icon which is used to launch the secondary date
- picker dialog.</td>
- </tr>
- </table>
- </subsection>
<subsection name="tr:selectManyCheckbox Component">
<table>
<tr>
@@ -2846,25 +2898,7 @@
</tr>
</table>
</subsection>
- <subsection name="tr:selectInputText Component">
- <table>
- <tr>
- <th colspan="2">
- <i>Icon Selectors</i>
- </th>
- </tr>
- <tr>
- <th>Name</th>
- <th>Description</th>
- </tr>
- <tr>
- <td>af|selectInputText::button-icon</td>
- <td>The icon which is used to launch the secondary list of values
- dialog.</td>
- </tr>
- </table>
- </subsection>
- <subsection name="tr:showOneTab Component">
+ <subsection name="tr:panelTabbed Component">
<table>
<tr>
<th colspan="2">
@@ -2877,63 +2911,63 @@
</tr>
<tr>
<td>.AFShowOneTab:alias</td>
- <td>This style is included in both af|showOneTab::orientation-top
- and af|showOneTab::orientation-bottom.</td>
+ <td>This style is included in both af|panelTabbed::orientation-top
+ and af|panelTabbed::orientation-bottom.</td>
</tr>
<tr>
- <td>af|showOneTab::orientation-top</td>
- <td>This styles the top showOneTab. You can use this to add padding
+ <td>af|panelTabbed::orientation-top</td>
+ <td>This styles the top panelTabbed. You can use this to add padding
and margins and borders, for example.</td>
</tr>
<tr>
- <td>af|showOneTab::orientation-bottom</td>
- <td>This styles the bottom showOneTab. You can use this to add
+ <td>af|panelTabbed::orientation-bottom</td>
+ <td>This styles the bottom panelTabbed. You can use this to add
padding and margins and borders, for example.</td>
</tr>
<tr>
- <td>af|showOneTab::tab</td>
+ <td>af|panelTabbed::tab</td>
<td>This styles each unselected tab.</td>
</tr>
<tr>
- <td>af|showOneTab::tab-link</td>
+ <td>af|panelTabbed::tab-link</td>
<td>This styles each unselected tab link.</td>
</tr>
<tr>
- <td>af|showOneTab::tab-selected</td>
+ <td>af|panelTabbed::tab-selected</td>
<td>This styles each selected tab.</td>
</tr>
<tr>
- <td>af|showOneTab::tab-selected-link</td>
+ <td>af|panelTabbed::tab-selected-link</td>
<td>This styles each selected tab link.</td>
</tr>
<tr>
- <td>af|showOneTab::separator-before-selected</td>
+ <td>af|panelTabbed::separator-before-selected</td>
<td>This is a cell with no content that renders before the selected
cell. You can style this cell to highlight the selected cell, if
desired.</td>
</tr>
<tr>
- <td>af|showOneTab::separator-after-selected</td>
+ <td>af|panelTabbed::separator-after-selected</td>
<td>This is a cell with no content that renders after the selected
cell. You can style this cell to highlight the selected cell, if
desired.</td>
</tr>
<tr>
- <td>af|showOneTab::separator</td>
+ <td>af|panelTabbed::separator</td>
<td>This style is on the cells between each unselected step.</td>
</tr>
<tr>
- <td>af|showOneTab::cell-start</td>
+ <td>af|panelTabbed::cell-start</td>
<td>The style on the first cell. You can left-align by setting
width:0% on this, and width:100% on cell-end.</td>
</tr>
<tr>
- <td>af|showOneTab::cell-end</td>
+ <td>af|panelTabbed::cell-end</td>
<td>The style on the last cell.</td>
</tr>
<tr>
- <td>af|showOneTab::body</td>
- <td>The style on the body of the showOneTab; ie., the contents.</td>
+ <td>af|panelTabbed::body</td>
+ <td>The style on the body of the panelTabbed; ie., the contents.</td>
</tr>
</table>
</subsection>
@@ -3433,41 +3467,6 @@
</tr>
</table>
</subsection>
- <subsection name="tr:inputDate Component">
- <table>
- <tr>
- <th colspan="2">
- <i>Style Selectors</i>
- </th>
- </tr>
- <tr>
- <th>Name</th>
- <th>Description</th>
- </tr>
- <tr>
- <td>af|selectInputDate::nav-link</td>
- <td>Styles the selectInputDate's navigation Previous Month and
- Next Month links.</td>
- </tr>
- <tr>
- <td>af|selectInputDate::title</td>
- <td>Styles the selectInputDate title
- which is month/year choice lists..</td>
- </tr>
- <tr>
- <td>af|selectInputDate::header</td>
- <td>Styles the selectInputDate header which is the days of week row.</td>
- </tr>
- <tr>
- <td>af|selectInputDate::content</td>
- <td>Styles the selectInputDate content.</td>
- </tr>
- <tr>
- <td>af|selectInputDate::selected</td>
- <td>Styles the selected date.</td>
- </tr>
- </table>
- </subsection>
<subsection name="tr:selectBooleanCheckbox Component">
<table>
<tr>
@@ -3696,16 +3695,16 @@
</tr>
<tr>
<td>.AFPath:alias</td>
- <td>This style is included in both af|navigationPath and af|treeTable::path</td>
+ <td>This style is included in both af|breadCrumbs and af|treeTable::path</td>
</tr>
<tr>
<td>.AFPathStep:alias</td>
- <td>This style is included in both af|navigationPath::step and
+ <td>This style is included in both af|breadCrumbs::step and
af|treeTable::path-step</td>
</tr>
<tr>
<td>.AFPathSelectedStep:alias</td>
- <td>This style is included in both af|navigationPath::selected-step and
+ <td>This style is included in both af|breadCrumbs::selected-step and
af|treeTable::path-selected-step</td>
</tr>
<tr>
@@ -3757,7 +3756,7 @@
</tr>
<tr>
<td>.AFPathSeparatorIcon:alias</td>
- <td>Changing this icon changes both af|navigationPath::separator-icon and
+ <td>Changing this icon changes both af|breadCrumbs::separator-icon and
af|treeTable::separator-icon</td>
</tr>
</table>