JBoss Rich Faces SVN: r3826 - in trunk/sandbox/ui/orderingList/src/main: resources/org/richfaces/renderkit/html/scripts and 1 other directories.
by richfaces-svn-commits＠lists.jboss.org
Author: vmolotkov
Date: 2007-11-08 10:35:22 -0500 (Thu, 08 Nov 2007)
New Revision: 3826
Modified:
trunk/sandbox/ui/orderingList/src/main/java/org/richfaces/renderkit/OrderingListRendererBase.java
trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/LayoutManager.js
trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/OrderingList.js
trunk/sandbox/ui/orderingList/src/main/templates/org/richfaces/htmlOrderingList.jspx
Log:
rowId generation, initialization of active and selected items
Modified: trunk/sandbox/ui/orderingList/src/main/java/org/richfaces/renderkit/OrderingListRendererBase.java
===================================================================
--- trunk/sandbox/ui/orderingList/src/main/java/org/richfaces/renderkit/OrderingListRendererBase.java 2007-11-08 14:51:30 UTC (rev 3825)
+++ trunk/sandbox/ui/orderingList/src/main/java/org/richfaces/renderkit/OrderingListRendererBase.java 2007-11-08 15:35:22 UTC (rev 3826)
@@ -37,7 +37,6 @@
public void encodeOrderingListStructure(FacesContext context, UIOrderingList orderingList)
throws IOException {
-
ResponseWriter writer = context.getResponseWriter();
//encodeCaption(context, orderingList);
encodeHeader(context, orderingList);
@@ -112,9 +111,9 @@
ResponseWriter writer = context.getResponseWriter();
UIDataAdaptor table = holder.getTable();
-
+ String clientId = holder.getTable().getClientId(context);
writer.startElement(HTML.TR_ELEMENT, table);
-
+ writer.writeAttribute("id", clientId, null);
List<UIComponent> children = table.getChildren();
for (UIComponent component : children) {
if (component instanceof UIColumn && component.isRendered()) {
Modified: trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/LayoutManager.js
===================================================================
--- trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/LayoutManager.js 2007-11-08 14:51:30 UTC (rev 3825)
+++ trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/LayoutManager.js 2007-11-08 15:35:22 UTC (rev 3826)
@@ -27,12 +27,13 @@
for (var i = 0; i < contentCells.length; i++) {
width = contentCells[i].offsetWidth - LayoutManager.STYLE_CONTENTTD_BORDER - LayoutManager.STYLE_CONTENTTD_PADDING;
if (i == contentCells.length - 1) {
- width = width + LayoutManager.SCROLL_WIDTH;
+ width = width + LayoutManager.SCROLL_WIDTH + "px";
headerCells[i].firstChild.style.width = width;
headerCells[i].style.width = width;
} else {
+ width = width + "px";
headerCells[i].firstChild.style.width = width;
- headerCells[i].style.width = width;
+ headerCells[i].style.width = width;
}
}
this.headerTable.style.width = this.contentTable.offsetWidth + LayoutManager.SCROLL_WIDTH;
Modified: trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/OrderingList.js
===================================================================
--- trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/OrderingList.js 2007-11-08 14:51:30 UTC (rev 3825)
+++ trunk/sandbox/ui/orderingList/src/main/resources/org/richfaces/renderkit/html/scripts/OrderingList.js 2007-11-08 15:35:22 UTC (rev 3826)
@@ -1,14 +1,15 @@
+if (LayoutManager.isIE()) {
+Array.prototype.indexOf = function(obj) {
+ for(var i=0; i < this.length; i++) {
+ if(this[i]==obj) {
+ return i;
+ }
+ }
+ return -1;
+}
+}
+
Array.prototype.remove = function(object) {
- if (!this.indexOf) {
- this.indexOf = function(obj){
- for(var i=0; i < this.length; i++){
- if(this[i]==obj){
- return i;
- }
- }
- return -1;
- }
- }
var index = this.indexOf(object, 0, this.length);
if (index == 0) {
this.shift();
@@ -18,14 +19,14 @@
}
Shuttle = function(containerId, contentTableId, headerTableId, focusKeeperId, valueKeeperId,
- upControlId, downControlId, firstControlId, lastControlId, onclickControlId, ordering) {
+ upControlId, downControlId, firstControlId, lastControlId, onclickControlId) {
this.container = document.getElementById(containerId);
this.shuttleTable = document.getElementById(contentTableId);
this.shuttleTbody = this.shuttleTable.tBodies[0];
this.items = null;
this.selectedItems = new Array();
- this.retrieveShuttleItems(ordering);
+ this.retrieveShuttleItems(containerId);
this.shuttle = null;
this.sortOrder = Shuttle.ASC;
@@ -56,7 +57,9 @@
Shuttle.ACTIVE_SUBITEM_CLASS = "rich-ordering-list-cell-active";
Shuttle.DISABLED_SUBITEM_CLASS = "rich-ordering-list-cell-disabled";
+Shuttle.CONTROL_SET = ["A", "INPUT", "TEXTAREA", "SELECT", "BUTTON"];
+
Shuttle.ACTIVITY_MARKER = "a";
Shuttle.SELECTION_MARKER = "s";
Shuttle.ITEM_SEPARATOR = ",";
@@ -72,13 +75,21 @@
this.shuttleTop = LayoutManager.getElemXY(this.shuttleTable).top;
}
-Shuttle.prototype.retrieveShuttleItems = function(ordering) {
+Shuttle.prototype.retrieveShuttleItems = function(containerId) {
var rows = this.shuttleTbody.rows;
this.shuttleItems = new Array();
- var obj = this;
+ var id;
+
for (var i = 0; i < rows.length; i++) {
var row = rows[i];
- this.shuttleItems[i] = new SelectItem(null, ordering ? ordering[i] : i, false, row);
+ id = row.id.split(containerId + ":")[1];
+ this.shuttleItems[i] = new SelectItem(null, (id || i),
+ ((row.className == Shuttle.SELECTED_ITEM_CLASS) ? true : false),
+ row);
+ this.selectedItems.push(row);
+ if (row.className == Shuttle.ACTIVE_ITEM_CLASS) {
+ this.activeItem = row;
+ }
}
}
@@ -177,7 +188,8 @@
Shuttle.prototype.getEventTargetRow = function(event) {
var activeElem;
if (event.rangeParent) {
- activeElem = event.rangeParent.parentNode;
+ //activeElem = event.rangeParent.parentNode;
+ activeElem = event.target;
} else {
activeElem = event.srcElement;
}
@@ -186,6 +198,10 @@
return;
}
+ if (activeElem.tagName && Shuttle.CONTROL_SET.indexOf(activeElem.tagName) != -1) {
+ return;
+ }
+
while (activeElem.tagName.toLowerCase() != "tr") {
activeElem = activeElem.parentNode;
if (!activeElem.tagName) {
@@ -198,21 +214,21 @@
Shuttle.prototype.onclickHandler = function(event) {
var activeElem = this.getEventTargetRow(event);
- if (activeElem == null) {
- return;
+ if (activeElem != null) {
+
+ if (event.ctrlKey) {
+ this.addSelectedItem(activeElem);
+ this.activeItem = activeElem;
+ } else if (event.shiftKey) {
+ this.selectItemGroup(activeElem);
+ } else {
+ this.selectionItem(activeElem);
+ this.activeItem = activeElem;
+ }
+ this.activeItem.className = Shuttle.ACTIVE_ITEM_CLASS;
+ this.saveState();
+ Shuttle.setFocus(this.focusKeeper.id);
}
-
- if (event.ctrlKey) {
- this.addSelectedItem(activeElem);
- this.activeItem = activeElem;
- } else if (event.shiftKey) {
- this.selectItemGroup(activeElem);
- } else {
- this.selectionItem(activeElem);
- this.activeItem = activeElem;
- }
- this.activeItem.className = Shuttle.ACTIVE_ITEM_CLASS;
- this.saveState();
}
Shuttle.prototype.onkeydownHandler = function(event) {
Modified: trunk/sandbox/ui/orderingList/src/main/templates/org/richfaces/htmlOrderingList.jspx
===================================================================
--- trunk/sandbox/ui/orderingList/src/main/templates/org/richfaces/htmlOrderingList.jspx 2007-11-08 14:51:30 UTC (rev 3825)
+++ trunk/sandbox/ui/orderingList/src/main/templates/org/richfaces/htmlOrderingList.jspx 2007-11-08 15:35:22 UTC (rev 3826)
@@ -12,12 +12,12 @@
<h:styles>css/orderingList.xcss</h:styles>
<h:scripts>
- scripts/SelectItem.js,scripts/OrderingList.js,scripts/LayoutManager.js
+ scripts/SelectItem.js,scripts/LayoutManager.js,scripts/OrderingList.js
</h:scripts>
<f:clientId var="clientId"/>
- <div id="#{clientId}" onclick="Shuttle.setFocus('#{clientId}focusKeeper')" x:passThruWithExclusions="id,onclick">
- <input id="#{clientId}focusKeeper" type="button" value="" style="position: absolute; left: -32767;" name="focusKeeper"/>
+ <div id="#{clientId}" x:passThruWithExclusions="id">
+ <input id="#{clientId}focusKeeper" type="button" value="" style="position: absolute; left: -32767px;" name="focusKeeper"/>
<input id="#{clientId}valueKeeper" type="hidden" name="#{clientId}" value="#{component.submittedValueAsString}"/>
<table id="#{clientId}table" cellpadding="0" cellspacing="0" class="ol_body">
@@ -52,19 +52,19 @@
<f:clientId var="cId"/>
<script type="text/javascript">
var clientId = '#{cId}';
- /*if (window.attachEvent) {
+ if (window.attachEvent) {
window.attachEvent("onload", init);
} else {
window.addEventListener("load", init, false);
- }*/
+ }
document.body.onselectstart = function() {return false;};
document.body.className = "body";
+ var shuttle = new Shuttle('#{cId}', '#{cId}internal_tab', '#{cId}internal_header_tab', '#{cId}focusKeeper', '#{cId}valueKeeper','#{cId}up', '#{cId}down', '#{cId}first', '#{cId}last', '#{cId}sortLabel');
function init() {
- var shuttle = new Shuttle('#{cId}', '#{cId}internal_tab', '#{cId}internal_header_tab', '#{cId}focusKeeper', '#{cId}valueKeeper','#{cId}up', '#{cId}down', '#{cId}first', '#{cId}last', '#{cId}sortLabel', #{component.elementsOrder});
var layoutManager = new LayoutManager('#{clientId}internal_header_tab', '#{clientId}internal_tab');
layoutManager.widthSynchronization();
}
- setTimeout(init, 0);
+ //setTimeout(init, 0);
</script>
</f:root>
\ No newline at end of file
18 years, 6 months
JBoss Rich Faces SVN: r3825 - trunk/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits＠lists.jboss.org
Author: ochikvina
Date: 2007-11-08 09:51:30 -0500 (Thu, 08 Nov 2007)
New Revision: 3825
Modified:
trunk/docs/userguide/en/src/main/docbook/included/tab.xml
Log:
http://jira.jboss.com/jira/browse/RF-920 - adding a class
Modified: trunk/docs/userguide/en/src/main/docbook/included/tab.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/tab.xml 2007-11-08 14:51:00 UTC (rev 3824)
+++ trunk/docs/userguide/en/src/main/docbook/included/tab.xml 2007-11-08 14:51:30 UTC (rev 3825)
@@ -239,7 +239,7 @@
</table>
<table>
- <title>Skin parameters redefinition for a inactive tab</title>
+ <title>Skin parameters redefinition for an inactive tab</title>
<tgroup cols="2">
<thead>
<row>
@@ -314,6 +314,11 @@
<entry>rich-tab-header</entry>
<entry>Defines styles for a tab header</entry>
</row>
+
+ <row>
+ <entry>rich-tab-lable</entry>
+ <entry>Defines styles for a tab lable</entry>
+ </row>
</tbody>
</tgroup>
</table>
18 years, 6 months
JBoss Rich Faces SVN: r3824 - trunk/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits＠lists.jboss.org
Author: ochikvina
Date: 2007-11-08 09:51:00 -0500 (Thu, 08 Nov 2007)
New Revision: 3824
Modified:
trunk/docs/userguide/en/src/main/docbook/included/toggleControl.xml
trunk/docs/userguide/en/src/main/docbook/included/togglePanel.xml
trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml
Log:
http://jira.jboss.com/jira/browse/RF-771 - unifying Look and feel customization section
Modified: trunk/docs/userguide/en/src/main/docbook/included/toggleControl.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/toggleControl.xml 2007-11-08 14:49:58 UTC (rev 3823)
+++ trunk/docs/userguide/en/src/main/docbook/included/toggleControl.xml 2007-11-08 14:51:00 UTC (rev 3824)
@@ -111,18 +111,22 @@
]]></programlisting>
<para>In this example the switching is performed on facets specified in the <emphasis
><property>"switchToState"</property></emphasis> attribute.</para>
- </section>
+ </section>
+
<section>
<title>Look-and-Feel Customization</title>
- <para>On component generation the framework substitutes the default
- class <emphasis ><property>rich-toggle-control</property></emphasis> into
- styleClass of a generated component, i.e. to redefine at once all <property>toggle controls</property> appearance on a
- page, redefine this class in your CSS.</para>
- <para>To define a particular <property>toggle controls</property> appearance, write down your own CSS properties and
- classes in component style attributes (<emphasis
-><property>"style"</property>,</emphasis> <emphasis
-><property>"styleClass"</property></emphasis>)and the properties have been changed.</para>
+ <para>For skinnability implementation, the components use a <emphasis>
+ <property>style class redefinition method.</property></emphasis></para>
+ <para>To redefine the appearance of all <emphasis role="bold">
+ <property><rich:toggleControl></property>
+ </emphasis> components at once, you should add to your style sheets <emphasis>
+ <property>style class</property>
+ </emphasis> used by a <emphasis role="bold">
+ <property><rich:toggleControl></property>
+ </emphasis> component.
+</para>
</section>
+
<section>
<title>Definition of Custom Style Classes</title>
<table>
@@ -143,5 +147,16 @@
</tbody>
</tgroup>
</table>
+ <para>In order to redefine styles for all <emphasis role="bold">
+ <property><rich:toggleControl></property>
+ </emphasis> components on a page using CSS, it's enough to create a class with the
+ same name and define necessary properties in it.</para>
+
+ <para>To change styles of particular <emphasis role="bold">
+ <property><rich:toggleControl></property>
+ </emphasis> components define your own style class in the corresponding <emphasis
+ role="bold">
+ <property><rich:toggleControl></property>
+ </emphasis>attributes.</para>
</section>
</section>
\ No newline at end of file
Modified: trunk/docs/userguide/en/src/main/docbook/included/togglePanel.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/togglePanel.xml 2007-11-08 14:49:58 UTC (rev 3823)
+++ trunk/docs/userguide/en/src/main/docbook/included/togglePanel.xml 2007-11-08 14:51:00 UTC (rev 3824)
@@ -169,6 +169,7 @@
</tbody>
</tgroup>
</table>
+
</section>
<section>
Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml 2007-11-08 14:49:58 UTC (rev 3823)
+++ trunk/docs/userguide/en/src/main/docbook/included/toolBarGroup.xml 2007-11-08 14:51:00 UTC (rev 3824)
@@ -76,7 +76,56 @@
]]></programlisting>
</section>
+
<section>
+ <title>Details of Usage</title>
+ <para>A <property>toolBarGroup</property> is a wrapper component that groups <property>toolBar</property> content and facilitates creation of menu and tool bars. All components defined inside are located on a stylized bar with a possibility to group, arrange on the both bar sides, and place predefined separators between them.</para>
+ <para>Separators are located between components with the help of the <emphasis
+
+><property>"itemSeparator"</property></emphasis> attribute with four
+ predefined values:</para>
+ <itemizedlist>
+ <listitem>
+ none
+ </listitem>
+ <listitem>
+ line
+ </listitem>
+ <listitem>
+ square
+ </listitem>
+ <listitem>
+ disc
+ </listitem>
+ </itemizedlist>
+ <para>To control the group location inside, use the <emphasis
+
+><property>"location"</property></emphasis> attribute with left (DEFAULT) and right values.</para>
+ <para><emphasis role="bold">Example:</emphasis></para>
+ <programlisting role="XML"><![CDATA[...
+ <rich:toolBar itemSeparator="disc" width="500">
+ <rich:toolBarGroup itemSeparator="line">
+ <h:commandLink value="Command 1.1"/>
+ <h:commandLink value="Command 2.1"/>
+ </rich:toolBarGroup>
+ <rich:toolBarGroup itemSeparator="line" location="right">
+ <h:commandLink value="Command 1.2"/>
+ <h:commandLink value="Command 2.2"/>
+ </rich:toolBarGroup>
+ </rich:toolBar>
+...
+]]></programlisting>
+<para>The code result is the following:</para>
+ <figure>
+ <title>Stylized toolBarGroup</title>
+<mediaobject>
+ <imageobject>
+ <imagedata fileref="images/toolBar3.gif"/>
+ </imageobject>
+</mediaobject>
+ </figure>
+ </section>
+ <section>
<title>Look-and-Feel Customization</title>
<para>For skinnability implementation, the components use a <emphasis>
@@ -111,8 +160,8 @@
<tgroup cols="2">
<thead>
<row>
- <entry>Skin parameters for the toolBarGroup component</entry>
- <entry>Corresponding CSS parameters</entry>
+ <entry>Skin parameters</entry>
+ <entry>CSS properties</entry>
</row>
</thead>
<tbody>
@@ -133,54 +182,5 @@
</table>
</section>
- <section>
- <title>Details of Usage</title>
- <para>A <property>toolBarGroup</property> is a wrapper component that groups <property>toolBar</property> content and facilitates creation of menu and tool bars. All components defined inside are located on a stylized bar with a possibility to group, arrange on the both bar sides, and place predefined separators between them.</para>
- <para>Separators are located between components with the help of the <emphasis
-
-><property>"itemSeparator"</property></emphasis> attribute with four
- predefined values:</para>
- <itemizedlist>
- <listitem>
- none
- </listitem>
- <listitem>
- line
- </listitem>
- <listitem>
- square
- </listitem>
- <listitem>
- disc
- </listitem>
- </itemizedlist>
- <para>To control the group location inside, use the <emphasis
-
-><property>"location"</property></emphasis> attribute with left (DEFAULT) and right values.</para>
- <para><emphasis role="bold">Example:</emphasis></para>
- <programlisting role="XML"><![CDATA[...
- <rich:toolBar itemSeparator="disc" width="500">
- <rich:toolBarGroup itemSeparator="line">
- <h:commandLink value="Command 1.1"/>
- <h:commandLink value="Command 2.1"/>
- </rich:toolBarGroup>
- <rich:toolBarGroup itemSeparator="line" location="right">
- <h:commandLink value="Command 1.2"/>
- <h:commandLink value="Command 2.2"/>
- </rich:toolBarGroup>
- </rich:toolBar>
-...
-]]></programlisting>
-<para>The code result is the following:</para>
- <figure>
- <title>Stylized toolBarGroup</title>
-<mediaobject>
- <imageobject>
- <imagedata fileref="images/toolBar3.gif"/>
- </imageobject>
-</mediaobject>
- </figure>
- </section>
-
</section>
\ No newline at end of file
18 years, 6 months
JBoss Rich Faces SVN: r3823 - trunk/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits＠lists.jboss.org
Author: ochikvina
Date: 2007-11-08 09:49:58 -0500 (Thu, 08 Nov 2007)
New Revision: 3823
Modified:
trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml
trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml
trunk/docs/userguide/en/src/main/docbook/included/tree.xml
Log:
http://jira.jboss.com/jira/browse/RF-920 - verifying skin parameters
Modified: trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml 2007-11-08 14:48:28 UTC (rev 3822)
+++ trunk/docs/userguide/en/src/main/docbook/included/toolBar.xml 2007-11-08 14:49:58 UTC (rev 3823)
@@ -133,17 +133,17 @@
<section>
<title>Skin Parameters Redefinition</title>
<table>
- <title>Skin parameters redefinition</title>
+ <title>Skin parameters redefinition for a component exterior</title>
<tgroup cols="2">
<thead>
<row>
- <entry>Skin parameters for the toolbar component</entry>
- <entry>Corresponding CSS parameters</entry>
+ <entry>Skin parameters</entry>
+ <entry>CSS properties</entry>
</row>
</thead>
<tbody>
<row>
- <entry>tableBorderColor</entry>
+ <entry>panelBorderColor</entry>
<entry>border-color</entry>
</row>
<row>
@@ -153,12 +153,43 @@
</tbody>
</tgroup>
</table>
+
+ <table>
+ <title>Skin parameters redefinition for a component item</title>
+ <tgroup cols="2">
+ <thead>
+ <row>
+ <entry>Skin parameters</entry>
+ <entry>CSS properties</entry>
+ </row>
+ </thead>
+ <tbody>
+ <row>
+ <entry>headerSizeFont</entry>
+ <entry>font-size</entry>
+ </row>
+ <row>
+ <entry>headerTextColor</entry>
+ <entry>color</entry>
+ </row>
+ <row>
+ <entry>headerWeightFont</entry>
+ <entry>font-weight</entry>
+ </row>
+ <row>
+ <entry>headerFamilyFont</entry>
+ <entry>font-family</entry>
+ </row>
+ </tbody>
+ </tgroup>
+ </table>
+
</section>
<section>
<title>Definition of Custom Style Classes</title>
<table>
- <title>Classes names that define a toolBar</title>
+ <title>Classes names that define a component appearance</title>
<tgroup cols="2">
<thead>
<row>
@@ -178,9 +209,7 @@
</tbody>
</tgroup>
</table>
- <para>On generating, the component substitutes the default class rich-toolbar-exterior into <emphasis>
- <property>style class</property>
- </emphasis> of a generated component.</para>
+
<para>In order to redefine styles for all <emphasis role="bold">
<property><rich:toolBar></property>
</emphasis> components on a page using CSS, it's enough to create class with the
Modified: trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml 2007-11-08 14:48:28 UTC (rev 3822)
+++ trunk/docs/userguide/en/src/main/docbook/included/tooltip.xml 2007-11-08 14:49:58 UTC (rev 3823)
@@ -217,12 +217,12 @@
<section>
<title>Skin Parameters Redefinition</title>
<table>
- <title>Skin parameters redefinition</title>
+ <title>Skin parameters redefinition for a component</title>
<tgroup cols="2">
<thead>
<row>
- <entry>Skin parameters for the tooltip component</entry>
- <entry>Corresponding CSS parameters</entry>
+ <entry>Skin parameters</entry>
+ <entry>CSS properties</entry>
</row>
</thead>
<tbody>
@@ -256,7 +256,7 @@
<section>
<title>Definition of Custom Style Classes</title>
<table>
- <title>Classes names that define a tooltip</title>
+ <title>Classes names that define a component appearance</title>
<tgroup cols="2">
<thead>
<row>
Modified: trunk/docs/userguide/en/src/main/docbook/included/tree.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/tree.xml 2007-11-08 14:48:28 UTC (rev 3822)
+++ trunk/docs/userguide/en/src/main/docbook/included/tree.xml 2007-11-08 14:49:58 UTC (rev 3823)
@@ -412,36 +412,51 @@
handlers of <property>treeNode</property> capture events occured on
<property>treeNode</property> only, except for children events. </para>
</section>
+
<section>
<title>Look-and-Feel Customization</title>
- <para>For skinnability implementation the components use a <emphasis>
- <property>style class redefinition method</property>
- </emphasis>.</para>
- <para>Default style classes are mapped on <emphasis><property>skin
- parameters</property>.</emphasis></para>
- <para>To redefine an appearance of all <property>trees</property> at once, there are two ways:</para>
+
+ <para>For skinnability implementation, the components use a <emphasis>
+ <property>style class redefinition method.</property>
+ </emphasis> Default style classes are mapped on <emphasis>
+ <property>skin parameters.</property>
+ </emphasis></para>
+
+ <para>There are two ways to redefine the appearance of all <emphasis role="bold">
+ <property><rich:tree></property>
+ </emphasis> components at once:</para>
+
<itemizedlist>
- <listitem>to redefine corresponding skin parameters</listitem>
- <listitem>to add <emphasis>
+ <listitem>
+ <para>Redefine the corresponding skin parameters</para>
+ </listitem>
+
+ <listitem>
+ <para>Add to your style sheets <emphasis>
<property>style classes</property>
- </emphasis> used by the <property>tree</property> to your page style sheets</listitem>
+ </emphasis> used by a <emphasis role="bold">
+ <property><rich:tree></property>
+ </emphasis> component</para>
+ </listitem>
</itemizedlist>
</section>
+
<section>
<title>Skin Parameters Redefinition:</title>
- <para>There is only one skin parameter for the <property>tree</property> since <emphasis
- role="bold">
- <property><rich:tree></property>
- </emphasis> is a wrapper component for <property>treeNodes</property>. Look and feel is
- described in details in the <link linkend="treeNode">"treeNode"
- chapter</link>.</para>
+ <para>There is only one skin parameter for <emphasis
+ role="bold">
+ <property><rich:tree></property>
+ </emphasis> as it's a wrapper component for <emphasis
+ role="bold">
+ <property><rich:treeNode></property>
+ </emphasis> components. Look and feel customizationis is described in details in the <link linkend="SPRofTN">following section.</link></para>
<table>
- <title>Skin parameters for wrapper element</title>
+ <title>Skin parameters for a wrapper element</title>
<tgroup cols="2">
<thead>
<row>
- <entry>Skin parameters for a wrapper element</entry>
- <entry>Properties corresponding to a CSS parameter</entry>
+ <entry>Skin parameters</entry>
+ <entry>CSS properties</entry>
</row>
</thead>
<tbody>
@@ -456,7 +471,7 @@
<section>
<title>Definition of Custom Style Classes</title>
<table>
- <title>Classes names that define a tree</title>
+ <title>Classes names that define a component appearance</title>
<tgroup cols="2">
<thead>
<row>
18 years, 6 months
JBoss Rich Faces SVN: r3822 - trunk/docs/userguide/en/src/main/docbook/included.
by richfaces-svn-commits＠lists.jboss.org
Author: ochikvina
Date: 2007-11-08 09:48:28 -0500 (Thu, 08 Nov 2007)
New Revision: 3822
Modified:
trunk/docs/userguide/en/src/main/docbook/included/treeNode.desc.xml
trunk/docs/userguide/en/src/main/docbook/included/treeNode.xml
Log:
http://jira.jboss.com/jira/browse/RF-920 - replacing and adding screenshots
Modified: trunk/docs/userguide/en/src/main/docbook/included/treeNode.desc.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/treeNode.desc.xml 2007-11-08 14:11:03 UTC (rev 3821)
+++ trunk/docs/userguide/en/src/main/docbook/included/treeNode.desc.xml 2007-11-08 14:48:28 UTC (rev 3822)
@@ -12,7 +12,7 @@
<title>TreeNode component</title>
<mediaobject>
<imageobject>
- <imagedata fileref="images/tree1.gif"/>
+ <imagedata fileref="images/treeNode.png"/>
</imageobject>
</mediaobject>
</figure>
Modified: trunk/docs/userguide/en/src/main/docbook/included/treeNode.xml
===================================================================
--- trunk/docs/userguide/en/src/main/docbook/included/treeNode.xml 2007-11-08 14:11:03 UTC (rev 3821)
+++ trunk/docs/userguide/en/src/main/docbook/included/treeNode.xml 2007-11-08 14:48:28 UTC (rev 3822)
@@ -108,7 +108,7 @@
</section>
<section>
- <title>Look-and-Feel Customization</title>
+ <title>Details of Usage</title>
<para>As it has been mentioned <link linkend="treeNode">above</link>, <property>treeNode</property> defines a template for nodes
rendering in a tree. Thus, during XML document rendering (a web.xml application) as a tree,
the following nodes output (passed via var="data" on a tree) happens:</para>
@@ -129,7 +129,7 @@
<title>Nodes output</title>
<mediaobject>
<imageobject>
- <imagedata fileref="images/tree2.gif"/>
+ <imagedata fileref="images/treeNode2.png"/>
</imageobject>
</mediaobject>
</figure>
@@ -166,28 +166,41 @@
</section>
<section>
<title>Look-and-Feel Customization</title>
- <para>For skinnability implementation the components use a <emphasis>
- <property>style class redefinition method</property>
- </emphasis>.</para>
- <para>Default style classes are mapped on <emphasis><property>skin
- parameters</property>.</emphasis></para>
- <para>To redefine appearance of all treeNodesAdaptor at once, there are two ways:</para>
+
+ <para>For skinnability implementation, the components use a <emphasis>
+ <property>style class redefinition method.</property>
+ </emphasis> Default style classes are mapped on <emphasis>
+ <property>skin parameters.</property>
+ </emphasis></para>
+
+ <para>There are two ways to redefine the appearance of all <emphasis role="bold">
+ <property><rich:treeNode></property>
+ </emphasis> components at once:</para>
+
<itemizedlist>
- <listitem>to redefine corresponding skin parameters</listitem>
- <listitem>to add <emphasis>
+ <listitem>
+ <para>Redefine the corresponding skin parameters</para>
+ </listitem>
+
+ <listitem>
+ <para>Add to your style sheets <emphasis>
<property>style classes</property>
- </emphasis> used by the treeNode to your page style sheets</listitem>
+ </emphasis> used by a <emphasis role="bold">
+ <property><rich:treeNode></property>
+ </emphasis> component</para>
+ </listitem>
</itemizedlist>
</section>
- <section>
- <title>Skin Parameters Redefinition:</title>
+
+ <section id="SPRofTN">
+ <title>Skin Parameters Redefinition</title>
<table>
- <title>Default skins for treeNode element</title>
+ <title>Skin parameters for a node element</title>
<tgroup cols="2">
<thead>
<row>
- <entry>Default skins for treeNode element</entry>
- <entry>Properties corresponding to CSS parameter</entry>
+ <entry>Skin parameters</entry>
+ <entry>CSS properties</entry>
</row>
</thead>
<tbody>
@@ -207,37 +220,37 @@
</tgroup>
</table>
<table>
- <title>Skin parameters for selected Node element</title>
+ <title>Skin parameters for a selected element</title>
<tgroup cols="2">
<thead>
<row>
- <entry>Skin parameters for selected Node element</entry>
- <entry>Properties corresponding to CSS parameter</entry>
+ <entry>Skin parameters</entry>
+ <entry>CSS properties</entry>
</row>
</thead>
<tbody>
<row>
<entry>headerBackgroundColor</entry>
- <entry>background-color</entry>
+ <entry>border-color</entry>
</row>
<row>
- <entry>headerBackgroundColor</entry>
- <entry>background-color</entry>
+ <entry>panelTextColor</entry>
+ <entry>color</entry>
</row>
<row>
- <entry>headTextColor</entry>
+ <entry>selectControlColor</entry>
<entry>color</entry>
</row>
</tbody>
</tgroup>
</table>
<table>
- <title>Skin parameters for mouseovered Node element</title>
+ <title>Skin parameters for a mouseovered element</title>
<tgroup cols="2">
<thead>
<row>
- <entry>Skin parameters for mouseovered Node element</entry>
- <entry>Properties corresponding to CSS parameter</entry>
+ <entry>Skin parameters</entry>
+ <entry>CSS properties</entry>
</row>
</thead>
<tbody>
@@ -248,14 +261,21 @@
</tbody>
</tgroup>
</table>
- <para>Hence, to change look and feel of all <property>treeNodesAdaptor</property> components on an
- application, change these parameters values.</para>
</section>
+
<section>
<title>Definition of Custom Style Classes</title>
- <para>On the screenshot, there are classes that are applied to a node element in three states: default, marked,
- mouseovered:</para>
+ <para>On the screenshot there are classes names that define styles for component elements.</para>
+ <figure>
+ <title>Classes names</title>
+ <mediaobject>
+ <imageobject>
+ <imagedata fileref="images/treeNode3.png"/>
+ </imageobject>
+ </mediaobject>
+ </figure>
+
<table>
<title>Classes names that define a node element</title>
<tgroup cols="2">
18 years, 6 months
JBoss Rich Faces SVN: r3821 - in trunk/ui/panelmenu/src/main: java/org/richfaces/component and 1 other directory.
by richfaces-svn-commits＠lists.jboss.org
Author: abelevich
Date: 2007-11-08 09:11:03 -0500 (Thu, 08 Nov 2007)
New Revision: 3821
Modified:
trunk/ui/panelmenu/src/main/config/component/panelMenu.xml
trunk/ui/panelmenu/src/main/java/org/richfaces/component/UIPanelMenu.java
Log:
move property firstExpandedEncoded to the child generated class
Modified: trunk/ui/panelmenu/src/main/config/component/panelMenu.xml
===================================================================
--- trunk/ui/panelmenu/src/main/config/component/panelMenu.xml 2007-11-08 13:51:49 UTC (rev 3820)
+++ trunk/ui/panelmenu/src/main/config/component/panelMenu.xml 2007-11-08 14:11:03 UTC (rev 3821)
@@ -16,7 +16,13 @@
<name>panelMenu</name>
<classname>org.richfaces.taglib.PanelMenuTag</classname>
<superclass>org.ajax4jsf.webapp.taglib.HtmlComponentTagBase</superclass>
- </tag>
+ </tag>
+
+ <property hidden="true">
+ <name>firstExpandedEncoded</name>
+ <classname>boolean</classname>
+ <defaultvalue>false</defaultvalue>
+ </property>
<property>
<name>event</name>
<classname>java.lang.String</classname>
Modified: trunk/ui/panelmenu/src/main/java/org/richfaces/component/UIPanelMenu.java
===================================================================
--- trunk/ui/panelmenu/src/main/java/org/richfaces/component/UIPanelMenu.java 2007-11-08 13:51:49 UTC (rev 3820)
+++ trunk/ui/panelmenu/src/main/java/org/richfaces/component/UIPanelMenu.java 2007-11-08 14:11:03 UTC (rev 3821)
@@ -9,8 +9,6 @@
public static final String DEFAULT_SELECTED_CLASS = "dr-pmenu-selected-item";
public static final String USER_DEFINED_SELECTED_CLASS = "rich-pmenu-item-selected";
- private boolean firstExpandedEncoded = false;
-
public abstract String getEvent();
public abstract void setEvent(String event);
public abstract String getMode();
@@ -115,11 +113,5 @@
public String getSelectedName(){
return getValue() != null ? getValue().toString() : getSelectedChild();
}
- public boolean isFirstExpandedEncoded() {
- return firstExpandedEncoded;
- }
- public void setFirstExpandedEncoded(boolean firstExpandedEncoded) {
- this.firstExpandedEncoded = firstExpandedEncoded;
- }
-
+
}
18 years, 6 months
JBoss Rich Faces SVN: r3819 - trunk/ui/panelbar/src/main/resources/org/richfaces/renderkit/html/scripts.
by richfaces-svn-commits＠lists.jboss.org
Author: sergeyhalipov
Date: 2007-11-08 07:58:43 -0500 (Thu, 08 Nov 2007)
New Revision: 3819
Modified:
trunk/ui/panelbar/src/main/resources/org/richfaces/renderkit/html/scripts/panelbar.js
Log:
Optimize browser detection.
Modified: trunk/ui/panelbar/src/main/resources/org/richfaces/renderkit/html/scripts/panelbar.js
===================================================================
--- trunk/ui/panelbar/src/main/resources/org/richfaces/renderkit/html/scripts/panelbar.js 2007-11-08 12:45:20 UTC (rev 3818)
+++ trunk/ui/panelbar/src/main/resources/org/richfaces/renderkit/html/scripts/panelbar.js 2007-11-08 12:58:43 UTC (rev 3819)
@@ -7,7 +7,7 @@
initialize: function(panelId, onclick) {
- this.FF = (RichFaces.navigatorType() == "FF")?true:false;
+ this.FF = (RichFaces.navigatorType() == RichFaces.FF)?true:false;
this.isIE = ((navigator.userAgent.toLowerCase().indexOf("msie")!=-1) || (navigator.userAgent.toLowerCase().indexOf("explorer")!=-1))?true:false;
this.panel=$(panelId); //+"_p"
18 years, 6 months
JBoss Rich Faces SVN: r3818 - branches/3.1.x/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css.
by richfaces-svn-commits＠lists.jboss.org
Author: pyaschenko
Date: 2007-11-08 07:45:20 -0500 (Thu, 08 Nov 2007)
New Revision: 3818
Modified:
branches/3.1.x/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss
Log:
RF-1275
Modified: branches/3.1.x/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss
===================================================================
--- branches/3.1.x/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2007-11-08 12:35:20 UTC (rev 3817)
+++ branches/3.1.x/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2007-11-08 12:45:20 UTC (rev 3818)
@@ -47,7 +47,7 @@
.dr-mpnl-pnl-a {
position: absolute;
- left: 32000px;
+ left: -32000px;
}
</f:verbatim>
18 years, 6 months
JBoss Rich Faces SVN: r3817 - trunk/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css.
by richfaces-svn-commits＠lists.jboss.org
Author: pyaschenko
Date: 2007-11-08 07:35:20 -0500 (Thu, 08 Nov 2007)
New Revision: 3817
Modified:
trunk/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss
Log:
RF-1275
Modified: trunk/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss
===================================================================
--- trunk/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2007-11-08 12:21:58 UTC (rev 3816)
+++ trunk/ui/modal-panel/src/main/resources/org/richfaces/renderkit/html/css/modalPanel.xcss 2007-11-08 12:35:20 UTC (rev 3817)
@@ -47,7 +47,7 @@
.dr-mpnl-pnl-a {
position: absolute;
- left: 32000px;
+ left: -32000px;
}
</f:verbatim>
18 years, 6 months