You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@click.apache.org by sa...@apache.org on 2009/01/09 16:37:04 UTC
svn commit: r733065 - in /incubator/click/trunk/click/documentation/docs:
click-online.html click-online/gallery.css controls.html
Author: sabob
Date: Fri Jan 9 07:37:03 2009
New Revision: 733065
URL: http://svn.apache.org/viewvc?rev=733065&view=rev
Log:
Updated doco
Modified:
incubator/click/trunk/click/documentation/docs/click-online.html
incubator/click/trunk/click/documentation/docs/click-online/gallery.css
incubator/click/trunk/click/documentation/docs/controls.html
Modified: incubator/click/trunk/click/documentation/docs/click-online.html
URL: http://svn.apache.org/viewvc/incubator/click/trunk/click/documentation/docs/click-online.html?rev=733065&r1=733064&r2=733065&view=diff
==============================================================================
--- incubator/click/trunk/click/documentation/docs/click-online.html (original)
+++ incubator/click/trunk/click/documentation/docs/click-online.html Fri Jan 9 07:37:03 2009
@@ -182,49 +182,40 @@
<a name="blogs" href="#"></a>
<h2 style="margin-top:2em;">Blogs</h2>
-<table>
- <tr>
- <td>
- <ul>
- <li><a target="_blank" href="http://click-framework.blogspot.com/">Click Framework Blog</a> - where Click developers post announcements and other related news.</li>
- <li><a target="_blank" href="http://takezoe.blogspot.com/">Naoki Takezoe's blog</a> - regularly posts Click related material. Naoki is also the author of the excellent <a href="click-ide.html">ClickIDE</a>.</li>
- <li><a target="_blank" href="http://sabob.blogspot.com/">Bob Schellink's blog</a></li>
- </ul>
- Let us know of any Click related blog entries on the web so we can add them here. Send us a mail to one of our
- <a href="#mailing-lists">Mailing Lists</a>,
- or directly to "sabob1 at gmail.com".
- </td>
- </tr>
-</table>
+<ul>
+ <li><a target="_blank" href="http://click-framework.blogspot.com/">Click Framework Blog</a> - where Click developers post announcements and other related news.</li>
+ <li><a target="_blank" href="http://takezoe.blogspot.com/">Naoki Takezoe's blog</a> - regularly posts Click related material. Naoki is also the author of the excellent <a href="click-ide.html">ClickIDE</a>.</li>
+ <li><a target="_blank" href="http://sabob.blogspot.com/">Bob Schellink's blog</a></li>
+</ul>
+Let us know of any Click related blog entries on the web so we can add them here. Send us a mail to one of our
+<a href="#mailing-lists">Mailing Lists</a>,
+or directly to "sabob1 at gmail.com".
<a name="powered" href="#"></a>
<h2 style="margin-top:2em;">Sites Using Click</h2>
-<table class="sites" cellpadding="0" cellspacing="0" border="0">
- <tr>
- <td>
- Below are some of the sites and organizations that use Click.
- <p/>
- If you would like to add your own site to this list, please send us a mail to one of our
- <a href="#mailing-lists">Mailing Lists</a>,
- or directly to "sabob1 at gmail.com".
- </td>
- </tr>
+Below are some of the sites and organizations that use Click.
+<p/>
+If you would like to add your own site to this list, please send us a mail to one of our
+<a href="#mailing-lists">Mailing Lists</a>,
+or directly to "sabob1 at gmail.com".
+<p/>
+<table class="sites" cellpadding="5" cellspacing="0" border="0">
<tr>
<td>
<div class="powered_by">Avoka FormCenter</div>
- <p>
+ <p/>
FormCenter is a powerful customer self service electronic forms delivery platform designed to fully leverage Adobe LiveCycle.
It is a web based customer facing solution that manages the complete life cycle of electronic forms and their associated services and data, and delivery.
- </p><p>
- FormCenter provides the foundation of the whole of Australian Federal <a target="blank" class="external" href="http://www.business.gov.au/Business+Entry+Point/">Government</a> SmartForms solution.
- </p>
- <ul class="thumbnails">
- <li>
- <a class="thickbox" rel="group1" href="click-online/images/formcenter-home.png"><img src="click-online/images/thumb-formcenter-home.png" alt="thumb formcentral find forms"/></a>
- </li>
- </ul>
+ <p/>
+ FormCenter provides the foundation of the whole of Australian Federal <a target="blank" class="external" href="http://www.business.gov.au/Business+Entry+Point/">Government</a>
+ SmartForms solution.
+ <div class="thumbnail">
+ <a href="click-online/images/formcenter-home.png">
+ <img src="click-online/images/thumb-formcenter-home.png" alt="thumb formcentral find forms"/>
+ </a>
+ </div>
</td>
</tr>
@@ -234,11 +225,12 @@
<p/>
This site was created for Val d'Oise, a French department which has responsiblities
in the areas of welfare, culture, environment, roads, health and schools.
- <ul class="thumbnails">
- <li>
- <a class="thickbox" rel="group1" href="click-online/images/valdoise.png"><img src="click-online/images/thumb-valdoise.png" alt="thumb valdoise"/></a>
- </li>
- </ul>
+
+ <div class="thumbnail">
+ <a href="click-online/images/valdoise.png">
+ <img src="click-online/images/thumb-valdoise.png" alt="thumb valdoise"/>
+ </a>
+ </div>
</td>
</tr>
@@ -250,11 +242,11 @@
It allows one to write knowledge in the same manner as blogging, and classify
it by tagging. Piggydb also supports hierarchical tagging for creating highly
structural knowledge.
- <ul class="thumbnails">
- <li>
- <a class="thickbox" rel="group1" href="click-online/images/piggydb.png"><img src="click-online/images/thumb-piggydb.png" alt="thumb piggydb"/></a>
- </li>
- </ul>
+ <div class="thumbnail">
+ <a href="click-online/images/piggydb.png">
+ <img src="click-online/images/thumb-piggydb.png" alt="thumb piggydb"/>
+ </a>
+ </div>
</td>
</tr>
@@ -265,11 +257,11 @@
This online store provides Delaney locks with product management, credit card processing,
UPS real time lookup, quartz based email processing and notification system, order
status tracking and more.
- <ul class="thumbnails">
- <li>
- <a class="thickbox" rel="group1" href="click-online/images/delaneylocks.png"><img src="click-online/images/thumb-delaneylocks.png" alt="thumb delaney locks"/></a>
- </li>
- </ul>
+ <div class="thumbnail">
+ <a href="click-online/images/delaneylocks.png">
+ <img src="click-online/images/thumb-delaneylocks.png" alt="thumb delaney locks"/>
+ </a>
+ </div>
</td>
</tr>
@@ -282,11 +274,11 @@
on a per vendor basis.
<p/>
The site has not yet officially launched and still under active development.
- <ul class="thumbnails">
- <li>
- <a class="thickbox" rel="group1" href="click-online/images/microshop.png"><img src="click-online/images/thumb-microshop.png" alt="thumb microshop"/></a>
- </li>
- </ul>
+ <div class="thumbnail">
+ <a href="click-online/images/microshop.png">
+ <img src="click-online/images/thumb-microshop.png" alt="thumb microshop"/>
+ </a>
+ </div>
</td>
</tr>
@@ -300,23 +292,24 @@
<p/>
Good programmers will enjoy taking this test; it really is a programming test,
not a language test.
- <ul class="thumbnails">
- <li>
- <a class="thickbox" rel="group1" href="click-online/images/better-programmer.png"><img src="click-online/images/thumb-better-programmer.png" alt="thumb better programmer"/></a>
- </li>
- </ul>
+ <div class="thumbnail">
+ <a href="click-online/images/better-programmer.png">
+ <img src="click-online/images/thumb-better-programmer.png" alt="thumb better programmer"/>
+ </a>
+ </div>
</td>
</tr>
<tr>
<td>
<div class="powered_by">Telstra OOT</div>
- <p>Telstra OOT provides a Business Broadband Online Ordering Tool (OOT) for <a target="_blank" class="external" href="http://www.telstra.com/business">Telstra</a>.</p>
- <ul class="thumbnails">
- <li>
- <a class="thickbox" rel="group1" href="click-online/images/telstra-oot.png"><img src="click-online/images/thumb-telstra-oot.png" alt="thumb telstra home"/></a>
- </li>
- </ul>
+ <p/>
+ Telstra OOT provides a Business Broadband Online Ordering Tool (OOT) for <a target="_blank" class="external" href="http://www.telstra.com/business">Telstra</a>.
+ <div class="thumbnail">
+ <a href="click-online/images/telstra-oot.png">
+ <img src="click-online/images/thumb-telstra-oot.png" alt="thumb telstra home"/>
+ </a>
+ </div>
</td>
</tr>
</table>
Modified: incubator/click/trunk/click/documentation/docs/click-online/gallery.css
URL: http://svn.apache.org/viewvc/incubator/click/trunk/click/documentation/docs/click-online/gallery.css?rev=733065&r1=733064&r2=733065&view=diff
==============================================================================
--- incubator/click/trunk/click/documentation/docs/click-online/gallery.css (original)
+++ incubator/click/trunk/click/documentation/docs/click-online/gallery.css Fri Jan 9 07:37:03 2009
@@ -16,16 +16,14 @@
* specific language governing permissions and limitations
* under the License.
*/
-
-/*
- * This stylesheet was adapted from the book "The Art & Science Of CSS"
- * http://www.sitepoint.com/books/cssdesign1/
-*/
.sites {
- border-collapse: collapse;
+ margin-left: 0;
+ padding-left: 0;
}
.sites td {
- padding: 10px 2px;
+ margin-left: 0;
+ padding-left: 0;
+ padding-bottom: 5px;
}
.powered_by {
background: #EFEFF7;
@@ -48,65 +46,15 @@
display: block;
margin: 0 auto 5px auto;
border: 1px solid #ccc;
- border-bottom-color: #eee;
- border-left-color: #ddd;
- border-top-color: #bbb;
-}
-#content {
- margin: 0 auto 20px 20px;
- padding: 1em 0 0 0;
- width: 730px;
- background-color:#fff;
- font-size: 1.25em;
- line-height: 1.75em;
-}
-ul.navigation {
- margin: 0 0 10px 0;
- padding: 0;
- float: left;
- text-align: center;
- background-color: #fff;
- line-height: 1em;
- list-style: none;
- position: absolute;
- top: 58px;
- left: 550px;
}
-ul.thumbnails a {
- display: block;
+.thumbnail a {
float: left;
- margin: 0;
- padding: 4px 4px 9px 4px;
border: 1px solid #ccc;
- border-top-color: #eee;
- border-right-color: #ddd;
- border-bottom-color: #bbb;
background-color: #fff;
- text-align: center;
+ margin: 10px 5px;
+ padding: 3px 3px 6px 3px;
+ width: 81px;
}
-ul.thumbnails a {
- width: 80px;
- margin-right: 10px;
- margin-left: 2px;
-}
-ul.thumbnails a:hover {
- border: 1px solid #ccc;
+.thumbnail a:hover {
background-color: #eee;
}
-ul.thumbnails a {
- width: 80px;
- margin-right: 10px;
-}
-ul.thumbnails {
- margin: 0;
- padding: 0;
- float: left;
- text-align: center;
- background-color: #fff;
- line-height: 1em;
- list-style: none;
-}
-ul.thumbnails li, ul.navigation li {
- display: inline;
- margin: 0;
-}
Modified: incubator/click/trunk/click/documentation/docs/controls.html
URL: http://svn.apache.org/viewvc/incubator/click/trunk/click/documentation/docs/controls.html?rev=733065&r1=733064&r2=733065&view=diff
==============================================================================
--- incubator/click/trunk/click/documentation/docs/controls.html (original)
+++ incubator/click/trunk/click/documentation/docs/controls.html Fri Jan 9 07:37:03 2009
@@ -584,8 +584,8 @@
${form.fields.submit}
${form.endTag()} </pre>
-Using a CSS stylesheet, the markup above can be transformed into a great looking form as shown
-in this <a target="_blank" href="http://www.sitepoint.com/print/fancy-form-design-css">article</a>.
+Using a CSS stylesheet, the markup above can be styled and transformed into
+a fancy looking form.
<p/>
There are pros and cons to using the template approach.
@@ -797,13 +797,12 @@
<input type="submit" name="submit" id="form_submit" value="Add Employee"/>
</form> </pre>
-Again using a CSS stylesheet, the markup above can be transformed into a great looking form as shown
-in this <a target="_blank" href="http://www.sitepoint.com/print/fancy-form-design-css">article</a>.
+Again using a CSS stylesheet, the markup above can be styled and transformed into
+a fancy looking form.
<p/>
-You can see a <a target="_blank" href="http://www.avoka.com/click-examples/form/contact-details.htm">live demo</a>
-of the above example. Note that the demo adds a couple of features, including error reporting,
-not covered here.
+There is a <a target="_blank" href="http://www.avoka.com/click-examples/form/contact-details.htm">live demo</a>
+showing the programmatic approach.
<p/>
The advantage of the programmatic approach is that there is no redundancy. Each Field is
@@ -812,8 +811,8 @@
<p/>
If new requirements arrive and more fields added, only the Page has to be updated.
-No need to change the template as the layout is taken care of by markup produced
-by the components.
+No need to change the template as the layout is taken care of by the CSS and
+markup produced by the components.
<p/>
A disadvantage is that it is harder to <em>visualize</em> what output would be rendered by the containers.