From bc87c6c1cb0790a78dd607259a2b901f6c879254 Mon Sep 17 00:00:00 2001
From: Marko Gronroos <magi@vaadin.com>
Date: Thu, 21 Jul 2016 15:31:21 +0300
Subject: Updated StreamResource example and screenshot, as well as various
 diagrams. #19897

Uses slider example png/svg from the vaadin8 branch

Change-Id: I8a52ca754262a32487d6c8330d0382635d9fedca
---
 documentation/layout/layout-orderedlayout.asciidoc | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'documentation/layout/layout-orderedlayout.asciidoc')

diff --git a/documentation/layout/layout-orderedlayout.asciidoc b/documentation/layout/layout-orderedlayout.asciidoc
index c1bfd030b7..533d0d5404 100644
--- a/documentation/layout/layout-orderedlayout.asciidoc
+++ b/documentation/layout/layout-orderedlayout.asciidoc
@@ -226,6 +226,7 @@ image::img/orderedlayout-sizing-undefined.png[width=50%, scaledwidth=75%]
 
 endif::web[]
 
+[[layout.orderedlayout.defined-size]]
 === Layout with Defined Size
 
 If you set a [classname]#HorizontalLayout# to a defined size horizontally or a
@@ -245,7 +246,7 @@ the question, "Percentage of what?" There is no sensible default answer for this
 question in the current implementation of the layouts, so in practice, you may
 not define "100%" size alone.
 
-
+[[layout.orderedlayout.expanding]]
 === Expanding Components
 
 Often, you want to have one component that takes all the available space left
@@ -287,7 +288,7 @@ Notice that you can not call [methodname]#setExpandRatio()# before you have
 added the component to the layout, because it can not operate on an component
 that it doesn't yet have.
 
-
+[[layout.orderedlayout.expandratio]]
 === Expand Ratios
 
 If you specify an expand ratio for multiple components, they will all try to use
@@ -352,16 +353,15 @@ It is not meaningful to combine expanding components with percentually defined
 size and components with fixed or undefined size. Such combination can lead to a
 very unexpected size for the percentually sized components.
 
+[[layout.orderedlayout.percentual]]
+=== Percentual Sizing
 
-=== Percentage of Cells
-
-A percentual size of a component defines the size of the component __within its
-cell__. Usually, you use "100%", but a smaller percentage or a fixed size
+A percentual size of a component defines the size of the component _within its cell_.
+Usually, you use "100%", but a smaller percentage or a fixed size
 (smaller than the cell size) will leave an empty space in the cell and align the
 component within the cell according to its alignment setting, top left by
 default.
 
-
 [source, java]
 ----
 HorizontalLayout layout50 = new HorizontalLayout();
-- 
cgit v1.2.3

