From 93767cf76b2fb14c65b758066c67fc8b48cc2eeb Mon Sep 17 00:00:00 2001 From: Marko Gronroos Date: Fri, 20 May 2016 14:44:42 +0300 Subject: Scaled images for print edition and fixed errors up to the beginning of layouts chapter (#19835). Also major revision of Tree, CustomField, and layouts overview. Change-Id: I19f5e9511b83f953ce4707f324d81c2821ebb69d --- .../components/components-customcomponent.asciidoc | 15 +++++---------- 1 file changed, 5 insertions(+), 10 deletions(-) (limited to 'documentation/components/components-customcomponent.asciidoc') diff --git a/documentation/components/components-customcomponent.asciidoc b/documentation/components/components-customcomponent.asciidoc index cce897daa9..f8e8f1ddff 100644 --- a/documentation/components/components-customcomponent.asciidoc +++ b/documentation/components/components-customcomponent.asciidoc @@ -27,7 +27,6 @@ is typically a layout component that contains other components. For example: - [source, java] ---- class MyComposite extends CustomComponent { @@ -37,7 +36,7 @@ class MyComposite extends CustomComponent { VerticalLayout panelContent = new VerticalLayout(); panelContent.setMargin(true); // Very useful panel.setContent(panelContent); - + // Compose from multiple components Label label = new Label(message); label.setSizeUndefined(); // Shrink @@ -62,7 +61,6 @@ separate. You can use the component as follows: - [source, java] ---- MyComposite mycomposite = new MyComposite("Hello"); @@ -71,17 +69,14 @@ MyComposite mycomposite = new MyComposite("Hello"); The rendered component is shown in <>. [[figure.components.customcomponent]] -.A Custom Composite Component -image::img/customcomponent-example1.png[] +.A custom composite component +image::img/customcomponent-example1.png[width=25%, scaledwidth=40%] You can also inherit any other components, such as layouts, to attain similar -composition. ((("Google Web -Toolkit"))) +composition. +((("Google Web Toolkit"))) Even further, you can create entirely new low-level components, by integrating pure client-side components or by extending the client-side functionality of built-in components. Development of new components is covered in <>. - - - -- cgit v1.2.3