* Remove class names from documentation headerstags/8.1.0.alpha1
--- | --- | ||||
[[components.button]] | [[components.button]] | ||||
= [classname]#Button# | |||||
= Button | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.checkbox]] | [[components.checkbox]] | ||||
= [classname]#CheckBox# | |||||
= CheckBox | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.combobox]] | [[components.combobox]] | ||||
= [classname]#ComboBox# | |||||
= ComboBox | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.customcomponent]] | [[components.customcomponent]] | ||||
= Composition with [classname]#CustomComponent# | |||||
= Composition with CustomComponent | |||||
The ease of making new user interface components is one of the core features of | The ease of making new user interface components is one of the core features of | ||||
Vaadin. Typically, you simply combine existing built-in components to produce | Vaadin. Typically, you simply combine existing built-in components to produce |
--- | --- | ||||
[[components.customfield]] | [[components.customfield]] | ||||
= Composite Fields with [classname]#CustomField# | |||||
= Composite Fields with CustomField | |||||
The [classname]#CustomField# is a way to create composite components as with [classname]#CustomComponent#, except that it implements the [interfacename]#Field# interface and inherits [classname]#AbstractField#, described in <<dummy/../../../framework/components/components-fields#components.fields,"Field Components">>. | The [classname]#CustomField# is a way to create composite components as with [classname]#CustomComponent#, except that it implements the [interfacename]#Field# interface and inherits [classname]#AbstractField#, described in <<dummy/../../../framework/components/components-fields#components.fields,"Field Components">>. | ||||
A field allows editing a property value in the data model, and can be bound to data with [classname]#Binder#, as described in <<dummy/../../../framework/datamodel/datamodel-forms#datamodel.forms, "Binding Data to Forms">>. | A field allows editing a property value in the data model, and can be bound to data with [classname]#Binder#, as described in <<dummy/../../../framework/datamodel/datamodel-forms#datamodel.forms, "Binding Data to Forms">>. |
--- | --- | ||||
[[components.datefield]] | [[components.datefield]] | ||||
= Date Input with [classname]#DateField# | |||||
= Date Input with DateField | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.grid]] | [[components.grid]] | ||||
= [classname]#Grid# | |||||
= Grid | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.label]] | [[components.label]] | ||||
= [classname]#Label# | |||||
= Label | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.link]] | [[components.link]] | ||||
= [classname]#Link# | |||||
= Link | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.listselect]] | [[components.listselect]] | ||||
= [classname]#ListSelect# | |||||
= ListSelect | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.menubar]] | [[components.menubar]] | ||||
= [classname]#MenuBar# | |||||
= MenuBar | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.nativeselect]] | [[components.nativeselect]] | ||||
= [classname]#NativeSelect# | |||||
= NativeSelect | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.optiongroups]] | [[components.optiongroups]] | ||||
= [classname]#CheckBoxGroup# and [classname]#RadioButtonGroup# | |||||
= CheckBoxGroup and RadioButtonGroup | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.passwordfield]] | [[components.passwordfield]] | ||||
= [classname]#PasswordField# | |||||
= PasswordField | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.popupview]] | [[components.popupview]] | ||||
= [classname]#PopupView# | |||||
= PopupView | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.progressbar]] | [[components.progressbar]] | ||||
= [classname]#ProgressBar# | |||||
= ProgressBar | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.richtextarea]] | [[components.richtextarea]] | ||||
= [classname]#RichTextArea# | |||||
= RichTextArea | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.slider]] | [[components.slider]] | ||||
= [classname]#Slider# | |||||
= Slider | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.textarea]] | [[components.textarea]] | ||||
= [classname]#TextArea# | |||||
= TextArea | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.textfield]] | [[components.textfield]] | ||||
= [classname]#TextField# | |||||
= TextField | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.twincolselect]] | [[components.twincolselect]] | ||||
= [classname]#TwinColSelect# | |||||
= TwinColSelect | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[components.upload]] | [[components.upload]] | ||||
= [classname]#Upload# | |||||
= Upload | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[layout.absolutelayout]] | [[layout.absolutelayout]] | ||||
= [classname]#AbsoluteLayout# | |||||
= AbsoluteLayout | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[layout.accordion]] | [[layout.accordion]] | ||||
= [classname]#Accordion# | |||||
= Accordion | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[layout.csslayout]] | [[layout.csslayout]] | ||||
= [classname]#CssLayout# | |||||
= CssLayout | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[layout.formlayout]] | [[layout.formlayout]] | ||||
= [classname]#FormLayout# | |||||
= FormLayout | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[layout.gridlayout]] | [[layout.gridlayout]] | ||||
= [classname]#GridLayout# | |||||
= GridLayout | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[layout.orderedlayout]] | [[layout.orderedlayout]] | ||||
= [classname]#VerticalLayout# and [classname]#HorizontalLayout# | |||||
= VerticalLayout and HorizontalLayout | |||||
[classname]#VerticalLayout# and [classname]#HorizontalLayout# are ordered | [classname]#VerticalLayout# and [classname]#HorizontalLayout# are ordered | ||||
layouts for laying components out either vertically or horizontally, | layouts for laying components out either vertically or horizontally, |
--- | --- | ||||
[[layout.panel]] | [[layout.panel]] | ||||
= [classname]#Panel# | |||||
= Panel | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[layout.splitpanel]] | [[layout.splitpanel]] | ||||
= [classname]#HorizontalSplitPanel# and [classname]#VerticalSplitPanel# | |||||
= HorizontalSplitPanel and VerticalSplitPanel | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |
--- | --- | ||||
[[layout.tabsheet]] | [[layout.tabsheet]] | ||||
= [classname]#TabSheet# | |||||
= TabSheet | |||||
ifdef::web[] | ifdef::web[] | ||||
[.sampler] | [.sampler] |