diff options
author | Ilia Motornyi <elmot@vaadin.com> | 2015-12-03 14:59:05 +0000 |
---|---|---|
committer | Vaadin Code Review <review@vaadin.com> | 2015-12-03 14:59:12 +0000 |
commit | 2af72ba9636bec70046394c41744f89ce4572e35 (patch) | |
tree | ccb3dc2d2239585f8c3f79eb5f131ff61ca9ce86 /documentation/components/components-checkbox.asciidoc | |
parent | 8aa5fabe89f2967e966a64842a608eceaf80d08f (diff) | |
download | vaadin-framework-2af72ba9636bec70046394c41744f89ce4572e35.tar.gz vaadin-framework-2af72ba9636bec70046394c41744f89ce4572e35.zip |
Revert "Merge branch 'documentation'"7.6.0.beta2
This reverts commit f6874bde3d945c8b2d1b5c17ab50e2d0f1f8ff00.
Change-Id: I67ee1c30ba3e3bcc3c43a1dd2e73a822791514bf
Diffstat (limited to 'documentation/components/components-checkbox.asciidoc')
-rw-r--r-- | documentation/components/components-checkbox.asciidoc | 67 |
1 files changed, 0 insertions, 67 deletions
diff --git a/documentation/components/components-checkbox.asciidoc b/documentation/components/components-checkbox.asciidoc deleted file mode 100644 index f03aae03c5..0000000000 --- a/documentation/components/components-checkbox.asciidoc +++ /dev/null @@ -1,67 +0,0 @@ ---- -title: CheckBox -order: 15 -layout: page ---- - -[[components.checkbox]] -= [classname]#CheckBox# - -[classname]#CheckBox# is a two-state selection component that can be either -checked or unchecked. The caption of the check box will be placed right of the -actual check box. Vaadin provides two ways to create check boxes: individual -check boxes with the [classname]#CheckBox# component described in this section -and check box groups with the [classname]#OptionGroup# component in multiple -selection mode, as described in -<<dummy/../../../framework/components/components-optiongroup#components.optiongroup,"OptionGroup">>. - -Clicking on a check box will change its state. The state is a -[classname]#Boolean# property that you can set with the [methodname]#setValue()# -method and obtain with the [methodname]#getValue()# method of the -[classname]#Property# interface. Changing the value of a check box will cause a -[classname]#ValueChangeEvent#, which can be handled by a -[classname]#ValueChangeListener#. - - -[source, java] ----- -CheckBox checkbox1 = new CheckBox("Box with no Check"); -CheckBox checkbox2 = new CheckBox("Box with a Check"); - -checkbox2.setValue(true); - -checkbox1.addValueChangeListener(event -> // Java 8 - checkbox2.setValue(! checkbox1.getValue())); - -checkbox2.addValueChangeListener(event -> // Java 8 - checkbox1.setValue(! checkbox2.getValue())); ----- - -The result is shown in <<figure.components.checkbox.basic>>. - -[[figure.components.checkbox.basic]] -.An Example of a Check Box -image::img/checkbox-example1.png[] - -For an example on the use of check boxes in a table, see -<<dummy/../../../framework/components/components-table#components.table,"Table">>. - -== CSS Style Rules - - -[source, css] ----- -.v-checkbox { } - .v-checkbox > input { } - .v-checkbox > label { } ----- - -The top-level element of a [classname]#CheckBox# has the -[literal]#++v-checkbox++# style. It contains two sub-elements: the actual check -box [literal]#++input++# element and the [literal]#++label++# element. If you -want to have the label on the left, you can change the positions with " -[literal]#++direction: rtl++#" for the top element. - - - - |