Author: adubovsky
Date: 2008-07-11 10:52:13 -0400 (Fri, 11 Jul 2008)
New Revision: 9532
Modified:
trunk/test-applications/jsp/src/main/java/skinning/Skinning.java
trunk/test-applications/jsp/src/main/webapp/Skinning/Skinning.jsp
Log:
Change skinning files.
Modified: trunk/test-applications/jsp/src/main/java/skinning/Skinning.java
===================================================================
--- trunk/test-applications/jsp/src/main/java/skinning/Skinning.java 2008-07-11 14:39:21
UTC (rev 9531)
+++ trunk/test-applications/jsp/src/main/java/skinning/Skinning.java 2008-07-11 14:52:13
UTC (rev 9532)
@@ -9,20 +9,26 @@
private ArrayList<SelectItem> list = new ArrayList<SelectItem>();
private ArrayList<SelectItem> enableStyle = new ArrayList<SelectItem>();
private ArrayList<SelectItem> disabledStyle = new ArrayList<SelectItem>();
- private final int MAX_SIZE = 3;
+ private final int MAX_SIZE = 5;
private String selectSkinning = "none";
private String skinning = "disable";
private String skinningClass = "disable";
private String commandButton = "rich-button";
private String commandLink = "rich-link";
private String dataTable = "rich-isindex";
- private String inputSecret = "rich-button";
- private String inputText = "rich-input";
- private String inputTextarea = "rich-textarea";
+ private String inputSecret = "inputSecret";
+ private String inputSecretStyleClass = "rich-input";
+ private String inputTextStyleClass = "rich-input";
+ private String inputText = "inputText";
+ private String inputTextarea = "inputTextarea\nRichFaces";
+ private String inputTextareaStyleClass = "rich-textarea";
private String outputLink = "rich-link";
private String outputText = "rich-link";
- private String selectBooleanCheckbox = "rich-select";
+ private String selectBooleanCheckboxStyleClass = "rich-select";
+ private boolean selectBooleanCheckbox1 = true;
+ private boolean selectBooleanCheckbox2 = false;
private String selectManyCheckbox = "rich-select";
+ private String selectManyListbox = "rich-select";
private String selectManyListBox = "rich-select";
private String selectManyMenu = "rich-select";
private String selectOneListbox = "rich-select";
@@ -67,12 +73,12 @@
this.inputSecret = inputSecret;
}
- public String getInputText() {
- return inputText;
+ public String getInputTextStyleClass() {
+ return inputTextStyleClass;
}
- public void setInputText(String inputText) {
- this.inputText = inputText;
+ public void setInputTextStyleClass(String inputTextStyleClass) {
+ this.inputTextStyleClass = inputTextStyleClass;
}
public String getInputTextarea() {
@@ -99,12 +105,12 @@
this.outputText = outputText;
}
- public String getSelectBooleanCheckbox() {
- return selectBooleanCheckbox;
+ public String getSelectBooleanCheckboxStyleClass() {
+ return selectBooleanCheckboxStyleClass;
}
- public void setSelectBooleanCheckbox(String selectBooleanCheckbox) {
- this.selectBooleanCheckbox = selectBooleanCheckbox;
+ public void setSelectBooleanCheckboxStyleClass(String selectBooleanCheckboxStyleClass)
{
+ this.selectBooleanCheckboxStyleClass = selectBooleanCheckboxStyleClass;
}
public String getSelectManyListBox() {
@@ -205,4 +211,68 @@
public void setList(ArrayList<SelectItem> list) {
this.list = list;
}
+
+ public String getInputText() {
+ return inputText;
+ }
+
+ public void setInputText(String inputText) {
+ this.inputText = inputText;
+ }
+
+ public ArrayList<SelectItem> getEnableStyle() {
+ return enableStyle;
+ }
+
+ public void setEnableStyle(ArrayList<SelectItem> enableStyle) {
+ this.enableStyle = enableStyle;
+ }
+
+ public ArrayList<SelectItem> getDisabledStyle() {
+ return disabledStyle;
+ }
+
+ public void setDisabledStyle(ArrayList<SelectItem> disabledStyle) {
+ this.disabledStyle = disabledStyle;
+ }
+
+ public String getInputSecretStyleClass() {
+ return inputSecretStyleClass;
+ }
+
+ public void setInputSecretStyleClass(String inputSecretStyleClass) {
+ this.inputSecretStyleClass = inputSecretStyleClass;
+ }
+
+ public String getInputTextareaStyleClass() {
+ return inputTextareaStyleClass;
+ }
+
+ public void setInputTextareaStyleClass(String inputTextareaStyleClass) {
+ this.inputTextareaStyleClass = inputTextareaStyleClass;
+ }
+
+ public boolean getSelectBooleanCheckbox1() {
+ return selectBooleanCheckbox1;
+ }
+
+ public void setSelectBooleanCheckbox1(boolean selectBooleanCheckbox1) {
+ this.selectBooleanCheckbox1 = selectBooleanCheckbox1;
+ }
+
+ public boolean getSelectBooleanCheckbox2() {
+ return selectBooleanCheckbox2;
+ }
+
+ public void setSelectBooleanCheckbox2(boolean selectBooleanCheckbox2) {
+ this.selectBooleanCheckbox2 = selectBooleanCheckbox2;
+ }
+
+ public String getSelectManyListbox() {
+ return selectManyListbox;
+ }
+
+ public void setSelectManyListbox(String selectManyListbox) {
+ this.selectManyListbox = selectManyListbox;
+ }
}
Modified: trunk/test-applications/jsp/src/main/webapp/Skinning/Skinning.jsp
===================================================================
--- trunk/test-applications/jsp/src/main/webapp/Skinning/Skinning.jsp 2008-07-11 14:39:21
UTC (rev 9531)
+++ trunk/test-applications/jsp/src/main/webapp/Skinning/Skinning.jsp 2008-07-11 14:52:13
UTC (rev 9532)
@@ -1,111 +1,232 @@
<%@ taglib
uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib
uri="http://java.sun.com/jsf/core" prefix="f"%>
-<%@ taglib
uri="https://ajax4jsf.dev.java.net/ajax"
prefix="ajax"%>
-<%@ taglib
uri="http://richfaces.ajax4jsf.org/rich"
prefix="richfaces"%>
+<%@ taglib
uri="https://ajax4jsf.dev.java.net/ajax"
prefix="a4j"%>
+<%@ taglib
uri="http://richfaces.ajax4jsf.org/rich"
prefix="rich"%>
<f:subview id="skinningSubviewID">
- <h:panelGrid columns="4">
- <h:outputText value="componrnts"></h:outputText>
- <h:outputText value="styleClass components"></h:outputText>
- <h:outputText value="enable components"></h:outputText>
- <h:outputText value="disabled components"></h:outputText>
-
- <h:outputText value="commandButton "></h:outputText>
- <h:inputText value="#{skinning.commandButton}"
onchange="submit();"></h:inputText>
- <h:commandButton value="commandButton"
- styleClass="#{skinning.commandButton}"></h:commandButton>
- <h:commandButton value="commandButton" disabled="true"
- styleClass="#{skinning.commandButton}"></h:commandButton>
-
- <h:outputText value="commandLink "></h:outputText>
- <h:inputText value="#{skinning.commandLink}"
onchange="submit();"></h:inputText>
- <h:commandLink value="commandLink"
- styleClass="#{skinning.commandLink}"></h:commandLink>
- <h:commandLink value="commandLink" disabled="true"
- styleClass="#{skinning.commandLink}"></h:commandLink>
-
- <h:outputText value="inputSecret "></h:outputText>
- <h:inputText value="#{skinning.inputSecret}"
onchange="submit();"></h:inputText>
- <h:inputSecret value="secret"
styleClass="#{skinning.inputSecret}"></h:inputSecret>
- <h:inputSecret value="secret"
styleClass="#{skinning.inputSecret}"
disabled="true"></h:inputSecret>
-
- <h:outputText value="inputText "></h:outputText>
- <h:inputText value="#{skinning.inputText}"
onchange="submit();"></h:inputText>
- <h:inputText value="inputText"
styleClass="#{skinning.inputText}"></h:inputText>
- <h:inputText value="inputText"
styleClass="#{skinning.inputText}"
disabled="true"></h:inputText>
-
- <h:outputText value="inputTextarea "></h:outputText>
- <h:inputText value="#{skinning.inputTextarea}"
onchange="submit();"></h:inputText>
- <h:inputTextarea rows="5" cols="4"
value="inputTextarea" readonly="true"
- styleClass="#{skinning.inputTextarea}"></h:inputTextarea>
- <h:inputTextarea rows="4" cols="5"
value="inputTextarea" disabled="true"
- styleClass="#{skinning.inputTextarea}"></h:inputTextarea>
-
- <h:outputText value="outputLink "></h:outputText>
- <h:inputText value="#{skinning.outputLink}"
onchange="submit();"></h:inputText>
- <h:outputLink
styleClass="#{skinning.outputLink}"></h:outputLink>
- <h:outputLink styleClass="#{skinning.outputLink}"
disabled="true"></h:outputLink>
-
- <h:outputText value="selectBooleanCheckbox "></h:outputText>
- <h:inputText value="#{skinning.selectBooleanCheckbox}"
- onchange="submit();"></h:inputText>
- <h:panelGroup>
- <h:selectBooleanCheckbox value="true"
- styleClass="#{skinning.selectBooleanCheckbox}"></h:selectBooleanCheckbox>
- <h:selectBooleanCheckbox value="false"
- styleClass="#{skinning.selectBooleanCheckbox}"></h:selectBooleanCheckbox>
- </h:panelGroup>
- <h:panelGroup>
- <h:selectBooleanCheckbox value="true"
- styleClass="#{skinning.selectBooleanCheckbox}"
disabled="true"></h:selectBooleanCheckbox>
- <h:selectBooleanCheckbox value="false"
- styleClass="#{skinning.selectBooleanCheckbox}"
disabled="true"></h:selectBooleanCheckbox>
- </h:panelGroup>
-
- <h:outputText value="selectManyCheckbox "></h:outputText>
- <h:inputText value="#{skinning.selectManyCheckbox}"
- onchange="submit();"></h:inputText>
- <h:selectManyCheckbox styleClass="#{skinning.selectManyCheckbox}">
- <f:selectItems value="#{skinning.list}" />
- </h:selectManyCheckbox>
- <h:selectManyCheckbox styleClass="#{skinning.selectManyCheckbox}"
disabled="true">
- <f:selectItems value="#{skinning.list}" />
- </h:selectManyCheckbox>
-
- <h:outputText value="selectManyMenu "></h:outputText>
- <h:inputText value="#{skinning.selectManyMenu}"
onchange="submit();"></h:inputText>
- <h:selectManyMenu styleClass="#{skinning.selectManyMenu}"
disabled="true">
- <f:selectItems value="#{skinning.list}" />
- </h:selectManyMenu>
- <h:selectManyMenu styleClass="#{skinning.selectManyMenu}">
- <f:selectItems value="#{skinning.list}" />
- </h:selectManyMenu>
-
- <h:outputText value="selectOneListbox "></h:outputText>
- <h:inputText value="#{skinning.selectOneListbox}"
onchange="submit();"></h:inputText>
- <h:selectOneListbox styleClass="#{skinning.selectOneListbox}">
- <f:selectItems value="#{skinning.list}" />
- </h:selectOneListbox>
- <h:selectOneListbox styleClass="#{skinning.selectOneListbox}"
disabled="true">
- <f:selectItems value="#{skinning.list}" />
- </h:selectOneListbox>
-
- <h:outputText value="selectOneMenu "></h:outputText>
- <h:inputText value="#{skinning.selectOneMenu}"
onchange="submit();"></h:inputText>
- <h:selectOneMenu styleClass="#{skinning.selectOneMenu}">
- <f:selectItems value="#{skinning.list}" />
- </h:selectOneMenu>
- <h:selectOneMenu styleClass="#{skinning.selectOneMenu}"
disabled="true">
- <f:selectItems value="#{skinning.list}" />
- </h:selectOneMenu>
-
- <h:outputText value="selectOneRadio"></h:outputText>
- <h:inputText value="#{skinning.selectOneRadio}"
onchange="submit();"></h:inputText>
- <h:selectOneRadio styleClass="#{skinning.selectOneRadio}">
- <f:selectItems value="#{skinning.list}" />
- </h:selectOneRadio>
- <h:selectOneRadio styleClass="#{skinning.selectOneRadio}"
disabled="true">
- <f:selectItems value="#{skinning.list}" />
- </h:selectOneRadio>
- </h:panelGrid>
+ <rich:dataTable columns="4" value="">
+ <f:facet name="caption">
+ <h:outputText value="Standard controls skinning feature provides styling for
standard HTML elements so that they become highly compliant with RichFaces look and feel.
Skinning can be applied to all page controls based on element name and type attribute
(where applicable). Also this feature provides a set of CSS styles so that skinning can be
applied by assigning rich-.. classes to particular elements or to container element that
nests controls." />
+ </f:facet>
+ <f:facet name="header">
+ <rich:columnGroup>
+ <rich:column><h:outputText value="Name of Component"
/></rich:column>
+ <rich:column><h:outputText value="styleClass of Component"
/></rich:column>
+ <rich:column><h:outputText value="Component is enabled"
/></rich:column>
+ <rich:column><h:outputText value="Component is disabled"
/></rich:column>
+ </rich:columnGroup>
+ </f:facet>
+ <f:facet name="footer">
+ <h:outputText value="" />
+ </f:facet>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="inputText" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.inputTextStyleClass}" />
+ </rich:column>
+ <rich:column>
+ <h:inputText styleClass="#{skinning.inputTextStyleClass}"
value="#{skinning.inputText}" />
+ </rich:column>
+ <rich:column>
+ <h:inputText styleClass="#{skinning.inputTextStyleClass}"
value="#{skinning.inputText}" disabled="true"/>
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="inputSecret" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.inputSecretStyleClass}" />
+ </rich:column>
+ <rich:column>
+ <h:inputSecret styleClass="#{skinning.inputSecretStyleClass}"
value="#{skinning.inputSecret}" redisplay="true"/>
+ </rich:column>
+ <rich:column>
+ <h:inputSecret styleClass="#{skinning.inputSecretStyleClass}"
value="#{skinning.inputSecret}" disabled="true"
redisplay="true"/>
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="inputTextarea" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.inputTextareaStyleClass}" />
+ </rich:column>
+ <rich:column>
+ <h:inputTextarea styleClass="#{skinning.inputTextareaStyleClass}"
value="#{skinning.inputTextarea}" />
+ </rich:column>
+ <rich:column>
+ <h:inputTextarea styleClass="#{skinning.inputTextareaStyleClass}"
value="#{skinning.inputTextarea}" disabled="true" />
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="selectBooleanCheckbox" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.selectBooleanCheckboxStyleClass}" />
+ </rich:column>
+ <rich:column>
+ <h:selectBooleanCheckbox
styleClass="#{skinning.selectBooleanCheckboxStyleClass}"
value="#{skinning.selectBooleanCheckbox1}" />
+ <h:selectBooleanCheckbox
styleClass="#{skinning.selectBooleanCheckboxStyleClass}"
value="#{skinning.selectBooleanCheckbox2}" />
+ </rich:column>
+ <rich:column>
+ <h:selectBooleanCheckbox
styleClass="#{skinning.selectBooleanCheckboxStyleClass}"
value="#{skinning.selectBooleanCheckbox1}" disabled="true"/>
+ <h:selectBooleanCheckbox
styleClass="#{skinning.selectBooleanCheckboxStyleClass}"
value="#{skinning.selectBooleanCheckbox2}" disabled="true" />
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="selectManyCheckbox" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.selectManyCheckbox}" />
+ </rich:column>
+ <rich:column>
+ <h:selectManyCheckbox styleClass="#{skinning.selectManyCheckbox}" >
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectManyCheckbox>
+ </rich:column>
+ <rich:column>
+ <h:selectManyCheckbox styleClass="#{skinning.selectManyCheckbox}"
disabled="true">
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectManyCheckbox>
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="selectManyListbox" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.selectManyListbox}" />
+ </rich:column>
+ <rich:column>
+ <h:selectManyListbox styleClass="#{skinning.selectManyListbox}"
style="height: 55px;" >
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectManyListbox>
+ </rich:column>
+ <rich:column>
+ <h:selectManyListbox styleClass="#{skinning.selectManyListbox}"
style="height: 55px;" disabled="true">
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectManyListbox>
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="selectManyMenu" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.selectManyMenu}" />
+ </rich:column>
+ <rich:column>
+ <h:selectManyMenu styleClass="#{skinning.selectManyMenu}"
style="height: 55px;" >
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectManyMenu>
+ </rich:column>
+ <rich:column>
+ <h:selectManyMenu styleClass="#{skinning.selectManyMenu}"
style="height: 55px;" disabled="true">
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectManyMenu>
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="selectOneListbox" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.selectOneListbox}" />
+ </rich:column>
+ <rich:column>
+ <h:selectOneListbox styleClass="#{skinning.selectOneListbox}"
style="height: 55px;" >
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectOneListbox>
+ </rich:column>
+ <rich:column>
+ <h:selectOneListbox styleClass="#{skinning.selectOneListbox}"
style="height: 55px;" disabled="true">
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectOneListbox>
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="selectOneMenu" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.selectOneMenu}" />
+ </rich:column>
+ <rich:column>
+ <h:selectOneMenu styleClass="#{skinning.selectOneMenu}" >
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectOneMenu>
+ </rich:column>
+ <rich:column>
+ <h:selectOneMenu styleClass="#{skinning.selectOneMenu}"
disabled="true">
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectOneMenu>
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="selectOneRadio" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.selectOneRadio}" />
+ </rich:column>
+ <rich:column>
+ <h:selectOneRadio styleClass="#{skinning.selectOneRadio}" >
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectOneRadio>
+ </rich:column>
+ <rich:column>
+ <h:selectOneRadio styleClass="#{skinning.selectOneRadio}"
disabled="true">
+ <f:selectItems value="#{skinning.list}"/>
+ </h:selectOneRadio>
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="commandButton" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.commandButton}" />
+ </rich:column>
+ <rich:column>
+ <h:commandButton styleClass="#{skinning.commandButton}"
value="commandButton" />
+ </rich:column>
+ <rich:column>
+ <h:commandButton styleClass="#{skinning.commandButton}"
value="commandButton" disabled="true" />
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="commandLink" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.commandLink}" />
+ </rich:column>
+ <rich:column>
+ <h:commandLink styleClass="#{skinning.commandLink}"
value="commandLink" />
+ </rich:column>
+ <rich:column>
+ <h:commandLink styleClass="#{skinning.commandLink}"
value="commandLink" disabled="true" />
+ </rich:column>
+ </rich:columnGroup>
+ <rich:columnGroup>
+ <rich:column>
+ <h:outputText value="outputLink" />
+ </rich:column>
+ <rich:column>
+ <h:outputText value="#{skinning.outputLink}" />
+ </rich:column>
+ <rich:column>
+ <h:outputLink styleClass="#{skinning.outputLink}"><h:outputText
value="outputLink" /></h:outputLink>
+ </rich:column>
+ <rich:column>
+ <h:outputLink styleClass="#{skinning.outputLink}"
disabled="true"><h:outputText value="outputLink"
/></h:outputLink>
+ </rich:column>
+ </rich:columnGroup>
+ </rich:dataTable>
+
</f:subview>
\ No newline at end of file