summaryrefslogtreecommitdiffstats
path: root/WebContent/VAADIN/themes/sampler/layouts
diff options
context:
space:
mode:
authorMarc Englund <marc.englund@itmill.com>2009-05-12 11:12:45 +0000
committerMarc Englund <marc.englund@itmill.com>2009-05-12 11:12:45 +0000
commite14bcef7f580a6e85c85665cd633105288c8f9c5 (patch)
treeb4c92e97bd78c98e3cd81ab76b5a42513009ac8b /WebContent/VAADIN/themes/sampler/layouts
parente0c9e338d7e575d29c19a391854f6539bd30b10d (diff)
downloadvaadin-framework-e14bcef7f580a6e85c85665cd633105288c8f9c5.tar.gz
vaadin-framework-e14bcef7f580a6e85c85665cd633105288c8f9c5.zip
Renaming ITMILL/ -> VAADIN/ part 1 (for #2904)
svn changeset:7762/svn branch:6.0
Diffstat (limited to 'WebContent/VAADIN/themes/sampler/layouts')
-rw-r--r--WebContent/VAADIN/themes/sampler/layouts/examplecustomlayout.html38
-rw-r--r--WebContent/VAADIN/themes/sampler/layouts/gridexample.css13
-rw-r--r--WebContent/VAADIN/themes/sampler/layouts/marginexample.css9
-rw-r--r--WebContent/VAADIN/themes/sampler/layouts/spacingexample.css4
4 files changed, 64 insertions, 0 deletions
diff --git a/WebContent/VAADIN/themes/sampler/layouts/examplecustomlayout.html b/WebContent/VAADIN/themes/sampler/layouts/examplecustomlayout.html
new file mode 100644
index 0000000000..1e139a6c9c
--- /dev/null
+++ b/WebContent/VAADIN/themes/sampler/layouts/examplecustomlayout.html
@@ -0,0 +1,38 @@
+<!--
+ 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/VAADIN/themes/sampler/layouts/gridexample.css b/WebContent/VAADIN/themes/sampler/layouts/gridexample.css
new file mode 100644
index 0000000000..1575b51347
--- /dev/null
+++ b/WebContent/VAADIN/themes/sampler/layouts/gridexample.css
@@ -0,0 +1,13 @@
+.v-gridlayout-gridexample .v-gridlayout-spacing-on {
+ /* adjust spacing size */
+ padding: 1px;
+}
+
+/* visualize the grid cells */
+.v-gridlayout-gridexample div {
+ background-color: #fff;
+}
+
+.v-gridlayout-gridexample div div div {
+ background-color: #eee;
+} \ No newline at end of file
diff --git a/WebContent/VAADIN/themes/sampler/layouts/marginexample.css b/WebContent/VAADIN/themes/sampler/layouts/marginexample.css
new file mode 100644
index 0000000000..8ae07be269
--- /dev/null
+++ b/WebContent/VAADIN/themes/sampler/layouts/marginexample.css
@@ -0,0 +1,9 @@
+.v-verticallayout-marginexample .v-verticallayout-margin-right {
+ /* increase the right margin */
+ padding-right: 100px;
+}
+
+.v-verticallayout-marginexample {
+ /* background for the layout, for clarity */
+ background-color: #ccc;
+} \ No newline at end of file
diff --git a/WebContent/VAADIN/themes/sampler/layouts/spacingexample.css b/WebContent/VAADIN/themes/sampler/layouts/spacingexample.css
new file mode 100644
index 0000000000..e0680dc01e
--- /dev/null
+++ b/WebContent/VAADIN/themes/sampler/layouts/spacingexample.css
@@ -0,0 +1,4 @@
+.v-gridlayout-spacingexample {
+ /* background for the layout, for clarity */
+ background-color: #ccc;
+} \ No newline at end of file