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 --- documentation/components/components-button.asciidoc | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) (limited to 'documentation/components/components-button.asciidoc') diff --git a/documentation/components/components-button.asciidoc b/documentation/components/components-button.asciidoc index 59ab380348..9105aa5e9b 100644 --- a/documentation/components/components-button.asciidoc +++ b/documentation/components/components-button.asciidoc @@ -30,23 +30,27 @@ button.addClickListener(new Button.ClickListener() { Notification.show("Do not press this button again"); } }); + +// Java 8 +button.addClickListener(click -> + Notification.show("Do not press this button again")); ---- See the http://demo.vaadin.com/book-examples-vaadin7/book#component.button.basic[on-line example, window="_blank"]. -The result is shown in <>. The listener can also -be given in the constructor, which is often perhaps simpler. +The listener can also be given in the constructor, which is often perhaps simpler. + +The button component can be styled in many ways, as illustrated in <>. [[figure.component.button.basic]] .Button in Different Styles of Valo Theme -image::img/button-example1.png[] +image::img/button-example1.png[width=70%, scaledwidth=100%] If you handle several buttons in the same listener, you can differentiate between them either by comparing the [classname]#Button# object reference returned by the [methodname]#getButton()# method of [classname]#Button.ClickEvent# to a kept reference. For a detailed description of these patterns together with some examples, please see -<>. +<>. == CSS Style Rules @@ -65,7 +69,3 @@ element, which may help in styling in some cases. Some built-in themes contain a small style, which you can enable by adding [parameter]#Reindeer.BUTTON_SMALL#, etc. The [classname]#BaseTheme# also has a [parameter]#BUTTON_LINK# style, which makes the button look like a hyperlink. - - - - -- cgit v1.2.3