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-optiongroup.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-optiongroup.asciidoc')
| -rw-r--r-- | documentation/components/components-optiongroup.asciidoc | 20 |
1 files changed, 9 insertions, 11 deletions
diff --git a/documentation/components/components-optiongroup.asciidoc b/documentation/components/components-optiongroup.asciidoc index cb5096e818..90fbc80581 100644 --- a/documentation/components/components-optiongroup.asciidoc +++ b/documentation/components/components-optiongroup.asciidoc @@ -16,12 +16,11 @@ endif::web[] group of radio buttons in single selection mode. In multiple selection mode, the items show up as check boxes. The common selection component features are described in -<<dummy/../../../framework/components/components-selection#components.selection,"Selection -Components">>. +<<dummy/../../../framework/components/components-selection#components.selection,"Selection Components">>. [[figure.components.optiongroup]] .Option Button Group in Single and Multiple Selection Mode -image::img/optiongroup-basic.png[] +image::img/optiongroup-basic.png[width=45%, scaledwidth=70%] Option group is by default in single selection mode. Multiple selection is enabled with [methodname]#setMultiSelect()#. @@ -50,6 +49,7 @@ maintains the individual check box objects, you can get an array of the currently selected items easily, and that you can easily change the appearance of a single component. +ifdef::web[] [[components.optiongroup.disabling]] == Disabling Items @@ -63,7 +63,6 @@ find out whether an item is enabled with [methodname]#isItemEnabled()#. The [methodname]#setItemEnabled()# identifies the item to be disabled by its item ID. - [source, java] ---- // Have an option group with some items @@ -79,10 +78,10 @@ in <<figure.components.optiongroup.disabling>>. [[figure.components.optiongroup.disabling]] .[classname]#OptionGroup# with a Disabled Item -image::img/optiongroup-disabling.png[] +image::img/optiongroup-disabling.png[width=25%, scaledwidth=50%] Setting an item as disabled turns on the [literal]#++v-disabled++# style for it. - +endif::web[] [[components.optiongroup.css]] == CSS Style Rules @@ -103,6 +102,8 @@ also have the [literal]#++v-select-option++# style that allows styling regardless of the option type. Disabled items have additionally the [literal]#++v-disabled++# style. +ifdef::web[] + [[components.optiongroup.css.horizontal]] === Horizontal Layout @@ -138,9 +139,6 @@ name for the component. The result is shown in [[figure.components.optiongroup.horizontal]] .Horizontal [classname]#OptionGroup# -image::img/optiongroup-horizontal.png[] - - - - +image::img/optiongroup-horizontal.png[width=35%, scaledwidth=50%] +endif::web[] |