summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorMonika Funke2012-04-26 03:06:44 -0400
committerStephan Born2012-06-15 10:39:34 -0400
commit134febf042e1219013ed76827479b46a70810bef (patch)
tree7ba30a8ea1a85ad43c8f99f2fc5877b8cbdafcca
parentf637e66dfb36eb6b769844c7fc379e13b3812c6e (diff)
downloadorg.eclipse.stardust.documentation-134febf042e1219013ed76827479b46a70810bef.zip
org.eclipse.stardust.documentation-134febf042e1219013ed76827479b46a70810bef.tar.gz
org.eclipse.stardust.documentation-134febf042e1219013ed76827479b46a70810bef.tar.xz
Jira-ID: CRNT-24344
added description on stylesheet classes provided for custom generic data tables git-svn-id: http://emeafrazerg/svn/ipp/product/trunk/stardust/documentation@55815 8100b5e0-4d52-466c-ae9c-bdeccbdeaf6b
-rw-r--r--org.eclipse.stardust.docs.dev/html/handbooks/programming/images/generic-data-table-styling.pngbin0 -> 84895 bytes
-rw-r--r--org.eclipse.stardust.docs.dev/html/handbooks/programming/images/generic-data-table-styling_orgSize.pngbin0 -> 51579 bytes
-rw-r--r--org.eclipse.stardust.docs.dev/html/handbooks/programming/using-portal-framework.htm52
3 files changed, 51 insertions, 1 deletions
diff --git a/org.eclipse.stardust.docs.dev/html/handbooks/programming/images/generic-data-table-styling.png b/org.eclipse.stardust.docs.dev/html/handbooks/programming/images/generic-data-table-styling.png
new file mode 100644
index 0000000..71a06c2
--- /dev/null
+++ b/org.eclipse.stardust.docs.dev/html/handbooks/programming/images/generic-data-table-styling.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.dev/html/handbooks/programming/images/generic-data-table-styling_orgSize.png b/org.eclipse.stardust.docs.dev/html/handbooks/programming/images/generic-data-table-styling_orgSize.png
new file mode 100644
index 0000000..acfdb60
--- /dev/null
+++ b/org.eclipse.stardust.docs.dev/html/handbooks/programming/images/generic-data-table-styling_orgSize.png
Binary files differ
diff --git a/org.eclipse.stardust.docs.dev/html/handbooks/programming/using-portal-framework.htm b/org.eclipse.stardust.docs.dev/html/handbooks/programming/using-portal-framework.htm
index 2ec9663..1f804e8 100644
--- a/org.eclipse.stardust.docs.dev/html/handbooks/programming/using-portal-framework.htm
+++ b/org.eclipse.stardust.docs.dev/html/handbooks/programming/using-portal-framework.htm
@@ -412,7 +412,7 @@ additionally you need to add the following server push:</p>
</ul>
<p>Selection will change the displayed icon.<br>
</p>
-<h3>Using The Generic Table</h3>
+<h3>Using the Generic Table</h3>
<p>The @productname@ Portal Framework provides an implementation of a <strong>Generic Table
</strong>which allows</p>
<ul>
@@ -644,6 +644,56 @@ supportCaseTable.initialize();</pre>
<p>The layout of every table column can be specified in a a separate JSF file,
e.g.</p>
<pre>f:view xmlns:h=&quot;http://java.sun.com/jsf/html&quot;<br> xmlns:f=&quot;http://java.sun.com/jsf/core&quot;<br> xmlns:ice=&quot;http://www.icesoft.com/icefaces/component&quot;<br> xmlns:ui=&quot;http://java.sun.com/jsf/facelets&quot;<br> xmlns:c=&quot;http://java.sun.com/jstl/core&quot;<br> xmlns:fn=&quot;http://java.sun.com/jsp/jstl/functions&quot;<br> xmlns:pc=&quot;http://www.sungard.de/carnot/web/portal-plugin/portalcommon&quot;&gt;<br> &lt;ice:panelGroup&gt;<br> &lt;ice:panelGroup rendered=&quot;#{col.columnName == 'Synopsis'}&quot;<br> panelTooltip=&quot;synopsisToolTip&quot;&gt;<br> &lt;ice:outputText value=&quot;#{row.synopsisShortcut}&quot; /&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;ice:panelGroup rendered=&quot;#{col.columnName == 'Description'}&quot;<br> panelTooltip=&quot;descriptionToolTip&quot;&gt;<br> &lt;ice:outputText value=&quot;#{row.descriptionShortcut}&quot; /&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;ice:panelGroup rendered=&quot;#{col.columnName == 'Id'}&quot;&gt;<br> &lt;ice:commandLink title=&quot;Open Details&quot;<br> action=&quot;#{supportCasePanel.open}&quot; partialSubmit=&quot;true&quot;&gt;<br> &lt;ice:panelGroup menuPopup=&quot;menuSupportCase&quot;&gt;<br> &lt;ice:outputText value=&quot;#{row.supportCase.oid}&quot; /&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;f:param name=&quot;supportCaseOid&quot; value=&quot;#{row.supportCase.oid}&quot; /&gt;<br> &lt;/ice:commandLink&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;ice:menuPopup id=&quot;menuSupportCase&quot;<br> style=&quot;z-index:999; background-color: white;&quot;&gt;<br> &lt;ice:menuItem value=&quot;Reopen&quot;<br> action=&quot;#{supportSession.reopenSupportCase}&quot;&gt;<br> &lt;f:param name=&quot;supportCaseOid&quot; value=&quot;#{row.supportCase.oid}&quot; /&gt;<br> &lt;/ice:menuItem&gt;<br> &lt;/ice:menuPopup&gt;<br> &lt;ice:panelGroup rendered=&quot;#{col.columnName == 'Customer'}&quot;&gt;<br> &lt;ice:outputLink title=&quot;Open Customer Details&quot;<br> value=&quot;http://www.salesforce.com/#{row.supportCase.customerId}&quot;&gt;<br> &lt;ice:outputText value=&quot;#{row.supportCase.customerName}&quot; /&gt;<br> &lt;/ice:outputLink&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;ice:panelTooltip id=&quot;synopsisToolTip&quot;<br> style=&quot;width: 200px; text-align: left;&quot; styleClass=&quot;notesTooltip&quot;&gt;<br> &lt;f:facet name=&quot;header&quot;&gt;<br> &lt;/f:facet&gt;<br> &lt;f:facet name=&quot;body&quot;&gt;<br> &lt;ice:panelGroup styleClass=&quot;notesTooltipContent&quot;&gt;<br> &lt;ice:outputText value=&quot;#{row.synopsis}&quot; /&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;/f:facet&gt;<br> &lt;/ice:panelTooltip&gt;<br> &lt;ice:panelTooltip id=&quot;descriptionToolTip&quot;<br> style=&quot;width: 200px; text-align: left;&quot; styleClass=&quot;notesTooltip&quot;&gt;<br> &lt;f:facet name=&quot;header&quot;&gt;<br> &lt;/f:facet&gt;<br> &lt;f:facet name=&quot;body&quot;&gt;<br> &lt;ice:panelGroup styleClass=&quot;notesTooltipContent&quot;&gt;<br> &lt;ice:outputText value=&quot;#{row.description}&quot; /&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;/f:facet&gt;<br> &lt;/ice:panelTooltip&gt;<br> &lt;ice:panelGroup rendered=&quot;#{col.columnName == 'State'}&quot;&gt;<br> &lt;ice:outputText value=&quot;#{supportMessages[row.state]}&quot; /&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;ice:panelGroup rendered=&quot;#{col.columnName == 'ProductComponent'}&quot;&gt;<br> &lt;ice:outputText value=&quot;#{supportMessages[row.productComponent]}&quot; /&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;ice:panelGroup rendered=&quot;#{col.columnName == 'Type'}&quot;&gt;<br> &lt;ice:outputText value=&quot;#{supportMessages[row.type]}&quot; /&gt;<br> &lt;/ice:panelGroup&gt;<br> &lt;/ice:panelGroup&gt;<br>&lt;/f:view&gt; </pre>
+<h4>Style classes for Generic Data Tables</h4>
+<p>The following style classes can be used to customize Generic Data Tables:</p>
+<ul>
+ <li><strong>Toolbar</strong> - &lt;styleClass&gt;ToolbarSection
+ <ul>
+ <li>Default Toolbar - &lt;styleClass&gt;Toolbar
+ <li>User Toolbar - &lt;styleClass&gt;UserToolbar
+ </ul></li>
+ <li><strong>Pagination Info Bar</strong> - &lt;styleClass&gt;PaginatorInfoSection
+ <ul>
+ <li>Actual Pagination Info Text -&lt;styleClass&gt;PaginatorInfo</li>
+ </ul></li>
+ <li><strong>Data</strong> - &lt;styleClass&gt;DataSection</li>
+ <li><strong>Pagination Bar</strong> - &lt;styleClass&gt;PaginatorBarSection</li>
+</ul>
+<p>&lt;styleClass&gt; is the attribute passed to the
+&lt;genericDataTable&gt; tag. Default is <tt>genericTable</tt>.</p>
+<p>These style classes have an effect on the following parts of a data table:</p>
+<p class="image"><a href="images/generic-data-table-styling_orgSize.png" target="_blank">
+<img src="images/generic-data-table-styling.png" alt=""></a></p>
+<p>A way to add custom styles is using custom skins. The usage of custom
+skins is described in chapter
+<a href="PLUGINS_ROOT/org.eclipse.stardust.docs.enduser/html/handbooks/execution-clients/portal-skins.html">
+Creating Custom Skins</a> in the
+<a href="PLUGINS_ROOT/org.eclipse.stardust.docs.enduser/html/toc.html">
+End User Handbooks</a>.</p>
+<!--<h4>Example</h4>
+<p>To provide horizontal scrolling in a generic data table, you could perform the
+following steps:</p>
+<ol>
+ <li>Assumed you have the following code in your xhtml file:
+<pre>
+&lt;ice:panelGroup styleClass="MyTableContainer"&gt;
+ &lt;pc:genericDataTable styleClass="MyTableClass"... /&gt;
+&lt;/ice:panelGroup&gt;
+</pre></li>
+ <li>Add custom <tt>styleClass</tt> to the <tt>genericDataTable</tt>.</li>
+ <li>The following HTML code will be generated at runtime:
+ <p class="image"><img src="images/generic-data-table-html.png" alt=""></p>
+ The blue highlighted HTML above <tt>&lt;table&gt;</tt> contains the Data
+ part of the Data Table.</li>
+ <li>Now add custom style to &lt;div&gt;, which is just above
+ the highlighted &lt;table&gt; entry, e.g.:
+<pre>
+custom style:
+overflow: scroll;
+width: 300px;</pre></li>
+ <li>Now you should see horizontal scroll provided only for the data part of
+ it and not to paginators.</li>
+</ol>-->
<h3 id="locale">Localization</h3>
<p>Resource Bundles according to the Java localization mechanism need to be defined
in the classpath of the Uitility JAR Project, e.g. under</p>