You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@myfaces.apache.org by lo...@apache.org on 2016/03/16 09:24:37 UTC

svn commit: r1735197 - in /myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp: content/20-component/010-input/10-in/ content/20-component/010-input/20-suggest/ content/20-component/010-input/30-textarea/ content/20-...

Author: lofwyr
Date: Wed Mar 16 08:24:37 2016
New Revision: 1735197

URL: http://svn.apache.org/viewvc?rev=1735197&view=rev
Log:
TOBAGO-1544: Revise Demo Application for Tobago 3.0
[developed by hnoeth]

Added:
    myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/040-command/command.xhtml
Modified:
    myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/10-in/in.xhtml
    myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/20-suggest/suggest.xhtml
    myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/30-textarea/textarea.xhtml
    myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/40-date/date.xhtml
    myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/020-output/10-out/out.xhtml
    myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/tobago-resource/html/standard/standard/property/overview.properties.xml

Modified: myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/10-in/in.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/10-in/in.xhtml?rev=1735197&r1=1735196&r2=1735197&view=diff
==============================================================================
--- myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/10-in/in.xhtml (original)
+++ myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/10-in/in.xhtml Wed Mar 16 08:24:37 2016
@@ -20,10 +20,31 @@
 <ui:composition template="/main.xhtml"
                 xmlns:tc="http://myfaces.apache.org/tobago/component"
                 xmlns:ui="http://java.sun.com/jsf/facelets">
-    <ui:param name="title" value="#{overviewBundle.in}"/>
-    <tc:in id="i1" label="Input" value="Some Text"/>
-    <tc:in id="i2" label="Read Only" readonly="true" value="Some Text"/>
-    <tc:in id="i3" label="Disabled" disabled="true" value="Some Text"/>
-    <tc:in id="i4" value="Input without a label"/>
-    <tc:in id="i5" label="Input (focus)" focus="true" value="Some Text"/>
+    <ui:param name="title" value="#{overviewBundle.in} &lt;tc:in&gt;"/>
+    <p>The <code class="language-markup">&lt;tc:in/&gt;</code> tag create a classic inputfield.</p>
+    <p>A documentation of all possible attributes can be found here (https://myfaces.apache.org/tobago/doc/2.0.9/tld/tc/in.html). TODO: link to tobago3</p>
+    <tc:section label="Basics">
+        <p>In the most cases, a label should be placed in front of every inputfield. For this use the attribute <code>label</code>.</p>
+        <pre><code class="language-markup">&lt;tc:in label="Input" value="Some Text"/&gt;</code></pre>
+        <tc:in id="i1" label="Input" value="Some Text"/>
+        <tc:in id="i2" label="Read Only" readonly="true" value="Some Text"/>
+        <tc:in id="i3" label="Disabled" disabled="true" value="Some Text"/>
+        <tc:in id="i4" value="Input without a label"/>
+    </tc:section>
+    <tc:section label="Focus">
+        <p>The following inputfield should be selected after reloading the page. Use the <code>focus</code> attribute.</p>
+        <pre><code class="language-markup">&lt;tc:in label="Input (focus)" focus="true" value="Some Text"/&gt;</code></pre>
+        <tc:in id="i5" label="Input (focus)" focus="true" value="Some Text"/>
+    </tc:section>
+    <tc:section label="Password">
+        <p>To create an inputfield for passwords, set the <code>password</code> attribute to 'true'. It will hide the text as shown in the following example.</p>
+        <pre><code id="c3" class="language-markup">&lt;tc:in label="Password" password="true" value="password"/&gt;</code></pre>
+        <tc:in id="i6" label="Password" password="true" value="password"/>
+    </tc:section>
+    <tc:section label="Placeholder">
+        <p>Another way to tell the user the meaning of a field is the <code>placeholder</code> attribute.</p>
+        <p>The text of the placeholder will only be shown, if the value is an empty string.</p>
+        <pre><code class="language-markup">&lt;tc:in label="Placeholder" placeholder="Grey Text"/&gt;</code></pre>
+        <tc:in id="i7" label="Placeholder" placeholder="Short description of the field." value=""/>
+    </tc:section>
 </ui:composition>

Modified: myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/20-suggest/suggest.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/20-suggest/suggest.xhtml?rev=1735197&r1=1735196&r2=1735197&view=diff
==============================================================================
--- myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/20-suggest/suggest.xhtml (original)
+++ myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/20-suggest/suggest.xhtml Wed Mar 16 08:24:37 2016
@@ -21,9 +21,9 @@
                 xmlns:tc="http://myfaces.apache.org/tobago/component"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:f="http://java.sun.com/jsf/core">
-
-  <ui:param name="title" value="&lt;tc:suggest>"/>
-
-  TODO
-
+    <ui:param name="title" value="#{overviewBundle.suggest} &lt;tc:suggest&gt;"/>
+    <p>The suggest-tag is used within the <code>&lt;tc:in&gt;</code> tag.</p>
+    <tc:in id="i1" label="Language" placeholder="Select Language" value="#{suggest.suggestInput}">
+        <tc:suggest id="s1" suggestMethod="#{suggest.getInputSuggestItems}" delay="300" minimumCharacters="1" maximumItems="10"/>
+    </tc:in>
 </ui:composition>

Modified: myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/30-textarea/textarea.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/30-textarea/textarea.xhtml?rev=1735197&r1=1735196&r2=1735197&view=diff
==============================================================================
--- myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/30-textarea/textarea.xhtml (original)
+++ myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/30-textarea/textarea.xhtml Wed Mar 16 08:24:37 2016
@@ -20,14 +20,39 @@
 <ui:composition template="/main.xhtml"
                 xmlns:tc="http://myfaces.apache.org/tobago/component"
                 xmlns:ui="http://java.sun.com/jsf/facelets">
-    <ui:param name="title" value="#{overviewBundle.textarea}"/>
-    <tc:textarea id="t1" label="Text Area"
-                 value="Some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, ..."/>
-    <tc:textarea id="t2" label="Read Only" readonly="true"
-                 value="Some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, ..."/>
-    <tc:textarea id="t3" label="Disabled" disabled="true"
-                 value="Some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, ..."/>
-    <tc:textarea id="t4"
-                 value="Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, ..."/>
-    <tc:textarea id="t5" label="Text Area (focus)" focus="true" value="Some Text"/>
+    <ui:param name="title" value="#{overviewBundle.textarea} &lt;tc:textarea&gt;"/>
+    <p>The <code class="language-markup">&lt;tc:textarea/&gt;</code> tag, creates a textfield with one or more rows.
+        The textarea becomes scrollable, if the containing text could not displayed in the current size.</p>
+    <p>A documentation of all possible attributes can be found here (https://myfaces.apache.org/tobago/doc/2.0.9/tld/tc/textarea.html). TODO: link to tobago3</p>
+    <tc:section label="Basics">
+        <p>The textarea should always have a label attached. For this, use the <code>label</code> attribute.</p>
+        <p>Unlike the inputfield TODO:linkToIn there is no placeholder attribute to describe the meaning of a textarea, when no label is set.</p>
+        <pre><code class="language-markup">&lt;tc:textarea label="Text Area" value="Some text, some text, ..."/&gt;</code></pre>
+        <tc:textarea id="t1" label="Text Area"
+                     value="Some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, ..."/>
+        <tc:textarea id="t2" label="Read Only" readonly="true"
+                     value="Some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, ..."/>
+        <tc:textarea id="t3" label="Disabled" disabled="true"
+                     value="Some text, some text, some text, some text, some text, some text, some text, some text, some text, some text, ..."/>
+        <tc:textarea id="t4"
+                     value="Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, Text Area without a label, ..."/>
+    </tc:section>
+    <tc:section label="Focus">
+        <p>The following textarea should be selected after reloading this page. Use the <code>focus</code> attribute.</p>
+        <pre><code class="language-markup">&lt;tc:textarea label="Text Area (focus)" focus="true" value="Some Text"/&gt;</code></pre>
+        <tc:textarea id="t5" label="Text Area (focus)" focus="true" value="Some Text"/>
+    </tc:section>
+    <tc:section label="Rows">
+        <p>With the <code>rows</code> attribute, the initial size of the textbox can be set. A value less than 1 has no effect.</p>
+        <p>The following example show textareas with a predefined rows from 1 to 4.</p>
+        <pre><code class="language-markup">&lt;tc:textarea label="Text Area (focus)" rows="1" value="Some Text"/&gt;</code></pre>
+        <tc:textarea id="t6" label="Text Area (1 row)" rows="1"
+                     value="Text Area with one row. Text Area with one row. Text Area with one row. Text Area with one row."/>
+        <tc:textarea id="t7" label="Text Area (2 rows)" rows="2"
+                     value="Text Area with two rows. Text Area with two rows. Text Area with two rows. Text Area with two rows. Text Area with two rows."/>
+        <tc:textarea id="t8" label="Text Area (3 rows)" rows="3"
+                     value="Text Area with three rows. Text Area with three rows. Text Area with three rows. Text Area with three rows. "/>
+        <tc:textarea id="t9" label="Text Area (4 rows)" rows="4"
+                     value="Text Area with four rows. Text Area with four rows. Text Area with four rows. Text Area with four rows."/>
+    </tc:section>
 </ui:composition>

Modified: myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/40-date/date.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/40-date/date.xhtml?rev=1735197&r1=1735196&r2=1735197&view=diff
==============================================================================
--- myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/40-date/date.xhtml (original)
+++ myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/010-input/40-date/date.xhtml Wed Mar 16 08:24:37 2016
@@ -21,71 +21,129 @@
                 xmlns:tc="http://myfaces.apache.org/tobago/component"
                 xmlns:ui="http://java.sun.com/jsf/facelets"
                 xmlns:f="http://java.sun.com/jsf/core">
-    <ui:param name="title" value="#{overviewBundle.date}"/>
-    <tc:tabGroup id="tabGroup1">
-        <tc:tab label="Basics">
-            <tc:date id="d1" label="Date" value="#{dateController.once}">
-                <f:convertDateTime pattern="dd.MM.yyyy"/>
-            </tc:date>
-            <tc:date id="d2" label="Read Only" readonly="true" value="#{dateController.once}">
-                <f:convertDateTime pattern="dd.MM.yyyy"/>
-            </tc:date>
-            <tc:date id="d3" label="Disabled" disabled="true" value="#{dateController.once}">
-                <f:convertDateTime pattern="dd.MM.yyyy"/>
-            </tc:date>
-            <tc:date id="d4" value="#{dateController.once}">
-                <f:convertDateTime pattern="dd.MM.yyyy"/>
-            </tc:date>
-            <tc:date id="d5" label="Date (focus)" focus="true">
-                <f:convertDateTime pattern="dd.MM.yyyy"/>
-            </tc:date>
-        </tc:tab>
-        <tc:tab label="Outputfields">
-            <tc:out id="o1" value="The date can also be displayed in other components."/>
-            <tc:in id="i1" label="Date in Textfield" value="#{dateController.once}">
+    <ui:param name="title" value="#{overviewBundle.date} &lt;tc:date&gt;"/>
+    <p>The <code class="language-markup">&lt;tc:date/&gt;</code> tag create an inputfield with a button to open a calendar to edit the date.
+        The date can also be edited in the textfield.</p>
+    <p>A documentation of all possible attributes can be found here (https://myfaces.apache.org/tobago/doc/2.0.9/tld/tc/date.html). TODO: link to tobago3</p>
+    <tc:section label="Basics">
+        <p>In general, a date should always have a label. To get a label use the <code>label</code> attribute.</p>
+        <p>It is recommended to use a pattern. For that, use <code>&lt;f:convertDateTime&gt;</code>.</p>
+        <p>The <code>value</code> must be a Date(link to https://docs.oracle.com/javase/8/docs/api/java/util/Date.html) or a string with a matching pattern.</p>
+        <pre><code class="language-markup">&lt;tc:date label="Date" value="18.03.2016"&gt;
+    &lt;f:convertDateTime pattern="dd.MM.yyyy"/&gt;
+&lt;/tc:date&gt;</code></pre>
+        <tc:date id="d1" label="Date" value="#{dateController.once}">
+            <f:convertDateTime pattern="dd.MM.yyyy"/>
+        </tc:date>
+        <tc:date id="d2" label="Read Only" readonly="true" value="#{dateController.once}">
+            <f:convertDateTime pattern="dd.MM.yyyy"/>
+        </tc:date>
+        <tc:date id="d3" label="Disabled" disabled="true" value="#{dateController.once}">
+            <f:convertDateTime pattern="dd.MM.yyyy"/>
+        </tc:date>
+        <tc:date id="d4" value="#{dateController.once}">
+            <f:convertDateTime pattern="dd.MM.yyyy"/>
+        </tc:date>
+    </tc:section>
+    <tc:section label="Focus">
+        <p>The following date should be selected after reloading the page. This can be done with the attribute <code>focus</code>.</p>
+        <pre><code class="language-markup">&lt;tc:date label="Date (focus)" focus="true"&gt;
+            &lt;f:convertDateTime pattern="dd.MM.yyyy"/&gt;
+            &lt;/tc:date&gt;</code></pre>
+        <tc:date id="d5" label="Date (focus)" focus="true">
+            <f:convertDateTime pattern="dd.MM.yyyy"/>
+        </tc:date>
+    </tc:section>
+    <tc:section label="Outputfields">
+        <p>A date can also be displayed in other components.</p>
+        <tc:section label="Input">
+            <pre><code class="language-markup">&lt;tc:in label="Date in Textfield" value="\#{dateController.today}"&gt;
+    &lt;f:convertDateTime pattern="dd.MM.yyyy"/&gt;
+&lt;/tc:in&gt;</code></pre>
+            <tc:in label="Date in Textfield" value="#{dateController.once}">
                 <f:convertDateTime pattern="dd.MM.yyyy"/>
             </tc:in>
+        </tc:section>
+        <tc:section label="Text Area">
+            <pre><code class="language-markup">&lt;tc:textarea label="Date in Text Area" value="\#{dateController.today}"&gt;
+    &lt;f:convertDateTime pattern="dd.MM.yyyy"/&gt;
+&lt;/tc:textarea&gt;</code></pre>
             <tc:textarea id="t1" label="Date in Text Area" value="#{dateController.once}">
                 <f:convertDateTime pattern="dd.MM.yyyy"/>
             </tc:textarea>
+        </tc:section>
+        <tc:section label="Output">
+            <pre><code class="language-markup">&lt;tc:out label="Date in Output" value="\#{dateController.today}"&gt;
+    &lt;f:convertDateTime pattern="dd.MM.yyyy"/&gt;
+&lt;/tc:out&gt;</code></pre>
             <tc:out id="o2" label="Date in Output" value="#{dateController.once}">
                 <f:convertDateTime pattern="dd.MM.yyyy"/>
             </tc:out>
+        </tc:section>
+        <tc:section label="Label">
+            <pre><code class="language-markup">&lt;tc:label value="\#{dateController.today}"&gt;
+    &lt;f:convertDateTime pattern="dd.MM.yyyy"/&gt;
+&lt;/tc:label&gt;</code></pre>
             <tc:label id="l1" value="#{dateController.once}">
                 <f:convertDateTime pattern="dd.MM.yyyy"/>
             </tc:label>
-        </tc:tab>
-        <tc:tab label="Pattern">
+        </tc:section>
+    </tc:section>
+    <tc:section label="Pattern And Button">
+        <p>Here are some examples for different pattern. The format is used from java.text.SimpleDateFormat. TODO:setlink</p>
+        <p>Also the type of the button changed with the <code>type</code> attribute.</p>
+        <tc:section label="Month">
+            <pre><code class="language-markup">&lt;tc:date label="Month" value="\#{dateController.today}"&gt;
+    &lt;f:convertDateTime pattern="MM/yyyy" type="date"/&gt;
+&lt;/tc:date&gt;</code></pre>
             <tc:date label="Month" value="#{dateController.once}">
                 <f:convertDateTime pattern="MM/yyyy" type="date"/>
             </tc:date>
+        </tc:section>
+        <tc:section label="Minutes">
+            <pre><code class="language-markup">&lt;tc:date label="Time" value="\#{dateController.today}"&gt;
+    &lt;f:convertDateTime pattern="HH:mm" type="time"/&gt;
+&lt;/tc:date&gt;</code></pre>
             <tc:date label="Time" value="#{dateController.once}">
                 <f:convertDateTime pattern="HH:mm" type="time"/>
             </tc:date>
-            <tc:date label="Time (Seconds)" value="#{dateController.once}">
+        </tc:section>
+        <tc:section label="Seconds">
+            <pre><code class="language-markup">&lt;tc:date label="Time" value="\#{dateController.today}"&gt;
+    &lt;f:convertDateTime pattern="HH:mm:ss" type="time"/&gt;
+&lt;/tc:date&gt;</code></pre>
+            <tc:date label="Time" value="#{dateController.once}">
                 <f:convertDateTime pattern="HH:mm:ss" type="time"/>
             </tc:date>
-        </tc:tab>
-        <tc:tab label="Styles">
-            <tc:date id="dateshortstyle" label="Short style" value="#{dateController.once}">
-                <f:convertDateTime dateStyle="short" timeStyle="short" type="both"/>
-            </tc:date>
-            <tc:date id="datemediumstyle" label="Medium Style" value="#{dateController.once}">
-                <f:convertDateTime dateStyle="medium" timeStyle="medium" type="both"/>
-            </tc:date>
-            <tc:date id="datelongstyle" label="Long Style" value="#{dateController.once}">
-                <f:convertDateTime dateStyle="long" timeStyle="long" type="both"/>
-            </tc:date>
-            <tc:date id="datefullstyle" label="Full Style" value="#{dateController.once}">
-                <f:convertDateTime dateStyle="full" timeStyle="full" type="both"/>
-            </tc:date>
-        </tc:tab>
-        <tc:tab label="Ajax">
-            <tc:date label="On Change" value="#{dateController.onchange}">
-                <f:convertDateTime pattern="dd.MM.yyyy"/>
-                <f:ajax render="o"/>
-            </tc:date>
-            <tc:out id="o" value="#{dateController.onchange}" label="On Server"/>
-        </tc:tab>
-    </tc:tabGroup>
+        </tc:section>
+        <tc:section label="Month with minutes">
+            <pre><code class="language-markup">&lt;tc:date label="Date and time" value="\#{dateController.today}"&gt;
+    &lt;f:convertDateTime pattern="dd.MM. - HH:mm" type="both"/&gt;
+&lt;/tc:date&gt;</code></pre>
+            <tc:date label="Date and time" value="#{dateController.once}">
+                <f:convertDateTime pattern="dd.MM. - HH:mm" type="both"/>
+            </tc:date>
+        </tc:section>
+    </tc:section>
+    <tc:section label="Styles">
+        <tc:date id="dateshortstyle" label="Short style" value="#{dateController.once}">
+            <f:convertDateTime dateStyle="short" timeStyle="short" type="both"/>
+        </tc:date>
+        <tc:date id="datemediumstyle" label="Medium Style" value="#{dateController.once}">
+            <f:convertDateTime dateStyle="medium" timeStyle="medium" type="both"/>
+        </tc:date>
+        <tc:date id="datelongstyle" label="Long Style" value="#{dateController.once}">
+            <f:convertDateTime dateStyle="long" timeStyle="long" type="both"/>
+        </tc:date>
+        <tc:date id="datefullstyle" label="Full Style" value="#{dateController.once}">
+            <f:convertDateTime dateStyle="full" timeStyle="full" type="both"/>
+        </tc:date>
+    </tc:section>
+    <tc:section label="Ajax">
+        <tc:date label="On Change" value="#{dateController.onchange}">
+            <f:convertDateTime pattern="dd.MM.yyyy"/>
+            <f:ajax render="o"/>
+        </tc:date>
+        <tc:out id="o" value="#{dateController.onchange}" label="On Server"/>
+    </tc:section>
 </ui:composition>

Modified: myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/020-output/10-out/out.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/020-output/10-out/out.xhtml?rev=1735197&r1=1735196&r2=1735197&view=diff
==============================================================================
--- myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/020-output/10-out/out.xhtml (original)
+++ myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/020-output/10-out/out.xhtml Wed Mar 16 08:24:37 2016
@@ -21,7 +21,7 @@
                 xmlns:tc="http://myfaces.apache.org/tobago/component"
                 xmlns:ui="http://java.sun.com/jsf/facelets">
     <ui:param name="title" value="#{overviewBundle.out}"/>
-    <tc:out id="o1" label="Output" value="Some Text"/>
+    <tc:out id="o1" markup="strong" label="Output" value="Some Text"/>
     <tc:out id="o2" label="Read Only" readonly="true" value="Some Text"/>
     <tc:out id="o3" label="Disabled" disabled="true" value="Some Text"/>
     <tc:out id="o4" value="Output without a label"/>

Added: myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/040-command/command.xhtml
URL: http://svn.apache.org/viewvc/myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/040-command/command.xhtml?rev=1735197&view=auto
==============================================================================
--- myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/040-command/command.xhtml (added)
+++ myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/content/20-component/040-command/command.xhtml Wed Mar 16 08:24:37 2016
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+
+<!--
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+-->
+
+<ui:composition template="/main.xhtml"
+                xmlns:tc="http://myfaces.apache.org/tobago/component"
+                xmlns:ui="http://java.sun.com/jsf/facelets">
+
+  <ui:param name="title" value="TODO"/>
+
+TODO
+
+</ui:composition>

Modified: myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/tobago-resource/html/standard/standard/property/overview.properties.xml
URL: http://svn.apache.org/viewvc/myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/tobago-resource/html/standard/standard/property/overview.properties.xml?rev=1735197&r1=1735196&r2=1735197&view=diff
==============================================================================
--- myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/tobago-resource/html/standard/standard/property/overview.properties.xml (original)
+++ myfaces/tobago/branches/tobago-3.0.x/tobago-example/tobago-example-demo/src/main/webapp/tobago-resource/html/standard/standard/property/overview.properties.xml Wed Mar 16 08:24:37 2016
@@ -39,6 +39,7 @@
   <entry key="component">Components</entry>
   <entry key="input">Input Fields</entry>
   <entry key="in">Input</entry>
+  <entry key="suggest">Suggest</entry>
   <entry key="textarea">Text Area</entry>
   <entry key="date">Date</entry>
   <entry key="output">Output Fields</entry>