diff options
author | Marko Gronroos <magi@vaadin.com> | 2016-05-20 14:44:42 +0300 |
---|---|---|
committer | Marko Grönroos <magi@vaadin.com> | 2016-06-30 11:13:20 +0000 |
commit | 93767cf76b2fb14c65b758066c67fc8b48cc2eeb (patch) | |
tree | 958ddb8c45271e9a505280ef750ae07ebeda170f /documentation/components/components-customcomponent.asciidoc | |
parent | edad7348bb8eba807225bfa72d4b0a4342426c71 (diff) | |
download | vaadin-framework-93767cf76b2fb14c65b758066c67fc8b48cc2eeb.tar.gz vaadin-framework-93767cf76b2fb14c65b758066c67fc8b48cc2eeb.zip |
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
Diffstat (limited to 'documentation/components/components-customcomponent.asciidoc')
-rw-r--r-- | documentation/components/components-customcomponent.asciidoc | 15 |
1 files changed, 5 insertions, 10 deletions
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>>. [[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 <<dummy/../../../framework/gwt/gwt-overview.asciidoc#gwt.overview,"Integrating with the Server-Side">>. - - - |