summaryrefslogtreecommitdiffstats
path: root/WebContent
diff options
context:
space:
mode:
authorMarc Englund <marc.englund@itmill.com>2009-02-19 15:24:01 +0000
committerMarc Englund <marc.englund@itmill.com>2009-02-19 15:24:01 +0000
commitd7e7ea3efe255b3989fb940a374fa0dc86448a30 (patch)
treec88895d7155e3df34a10a60ed292425544deb26b /WebContent
parent583a2e76deb3de52b356d64944f6e95b8feb5e74 (diff)
downloadvaadin-framework-d7e7ea3efe255b3989fb940a374fa0dc86448a30.tar.gz
vaadin-framework-d7e7ea3efe255b3989fb940a374fa0dc86448a30.zip
Sampler layout samples update done. For #2601, fixes #2621
svn changeset:6911/svn branch:trunk
Diffstat (limited to 'WebContent')
-rw-r--r--WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout.html57
-rw-r--r--WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout_forviewing.html21
2 files changed, 38 insertions, 40 deletions
diff --git a/WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout.html b/WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout.html
index f8ccbac660..1e139a6c9c 100644
--- a/WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout.html
+++ b/WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout.html
@@ -1,19 +1,38 @@
-<table width="100%" height="100%">
- <tr height="100%">
- <td>
- <table align="center">
- <tr>
- <td align="right">User&nbsp;name:</td>
- <td><div location="username"></div></td>
- </tr>
- <tr>
- <td align="right">Password:</td>
- <td><div location="password"></div></td>
- </tr>
- </table>
- </td>
- </tr>
- <tr>
- <td align="right" colspan="2"><div location="okbutton"></div></td>
- </tr>
-</table> \ No newline at end of file
+<!--
+ This customlayout uses inline styles and images as well. Notice that the
+ URLs are relatice to the layout, which means you can open the layout offline
+ in a WYSIWYG editor (or browser), and the images will work.
+ -->
+
+<table width="400px" align="center" cellspacing="10"
+ style="color: #fff; padding: 20px; background: #31629E url(../sampler/sample-desc-bg.png) repeat-x">
+ <tr>
+ <td colspan="2">
+ <h1 style="margin-top: 0;">Login</h1>
+ <td>
+ </tr>
+ <tr>
+ <td align="right">User&nbsp;name:</td>
+ <td>
+ <div location="username"></div>
+ </td>
+ </tr>
+ <tr>
+ <td align="right">Password:</td>
+ <td>
+ <div location="password"></div>
+ </td>
+ </tr>
+ <tr>
+ <td align="right" colspan="2">
+ <div location="okbutton" style="padding: 10px;"></div>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2" style="padding: 7px; background-color: #4172AE">
+ <IMG align="absbottom" src="../icons/icon_info.gif" /> This
+ information is in the layout.
+ <td>
+ </tr>
+</table>
+
diff --git a/WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout_forviewing.html b/WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout_forviewing.html
deleted file mode 100644
index 90803fd0f7..0000000000
--- a/WebContent/ITMILL/themes/sampler/layouts/examplecustomlayout_forviewing.html
+++ /dev/null
@@ -1,21 +0,0 @@
-<pre>
-&lt;table width=&quot;100%&quot; height=&quot;100%&quot;&gt;
- &lt;tr height=&quot;100%&quot;&gt;
- &lt;td&gt;
- &lt;table align=&quot;center&quot;&gt;
- &lt;tr&gt;
- &lt;td align=&quot;right&quot;&gt;User&amp;nbsp;name:&lt;/td&gt;
- &lt;td&gt;&lt;div location=&quot;username&quot;&gt;&lt;/div&gt;&lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td align=&quot;right&quot;&gt;Password:&lt;/td&gt;
- &lt;td&gt;&lt;div location=&quot;password&quot;&gt;&lt;/div&gt;&lt;/td&gt;
- &lt;/tr&gt;
- &lt;/table&gt;
- &lt;/td&gt;
- &lt;/tr&gt;
- &lt;tr&gt;
- &lt;td align=&quot;right&quot; colspan=&quot;2&quot;&gt;&lt;div location=&quot;okbutton&quot;&gt;&lt;/div&gt;&lt;/td&gt;
- &lt;/tr&gt;
-&lt;/table&gt;
-</pre> \ No newline at end of file