aboutsummaryrefslogtreecommitdiffstats
path: root/documentation/layout/layout-customlayout.asciidoc
diff options
context:
space:
mode:
Diffstat (limited to 'documentation/layout/layout-customlayout.asciidoc')
-rw-r--r--documentation/layout/layout-customlayout.asciidoc5
1 files changed, 5 insertions, 0 deletions
diff --git a/documentation/layout/layout-customlayout.asciidoc b/documentation/layout/layout-customlayout.asciidoc
index e5acff75d1..cbf430b921 100644
--- a/documentation/layout/layout-customlayout.asciidoc
+++ b/documentation/layout/layout-customlayout.asciidoc
@@ -7,6 +7,11 @@ layout: page
[[layout.customlayout]]
= Custom Layouts
+ifdef::web[]
+[.sampler]
+image:{live-demo-image}[alt="Live Demo", link="http://demo.vaadin.com/sampler/#ui/layout/custom-layout"]
+endif::web[]
+
While it is possible to create almost any typical layout with the standard
layout components, it is sometimes best to separate the layout completely from
code. With the [classname]#CustomLayout# component, you can write your layout as