diff options
| author | dangllucas <dangllucas@gmail.com> | 2018-02-07 15:09:16 +0100 |
|---|---|---|
| committer | Ilia Motornyi <elmot@vaadin.com> | 2018-02-07 16:09:16 +0200 |
| commit | 299520fac11dac9b31d6fd762a3eb76ef827ec5b (patch) | |
| tree | cb2cbf2cc10431cb11a1292b388cdb0d8fdab0e6 /documentation/themes | |
| parent | b31167b3e708ce068e3a1a104e613075aa261edb (diff) | |
| download | vaadin-framework-299520fac11dac9b31d6fd762a3eb76ef827ec5b.tar.gz vaadin-framework-299520fac11dac9b31d6fd762a3eb76ef827ec5b.zip | |
Update themes-responsive.asciidoc (#10460)
Diffstat (limited to 'documentation/themes')
| -rw-r--r-- | documentation/themes/themes-responsive.asciidoc | 8 |
1 files changed, 5 insertions, 3 deletions
diff --git a/documentation/themes/themes-responsive.asciidoc b/documentation/themes/themes-responsive.asciidoc index 3e5e599ea4..b0f03c65f6 100644 --- a/documentation/themes/themes-responsive.asciidoc +++ b/documentation/themes/themes-responsive.asciidoc @@ -29,12 +29,14 @@ typically a layout, or the entire UI. You specify the component by the static ---- // Have some component with an appropriate style name +VerticalLayout l = new VerticalLayout(); + Label c = new Label("Here be text"); -c.addStyleName("myresponsive"); -content.addComponent(c); +l.addStyleName("myresponsive"); +l.addComponent(c); // Enable Responsive CSS selectors for the component -Responsive.makeResponsive(c); +Responsive.makeResponsive(l); ---- You can now use [literal]#++width-range++# and [literal]#++height-range++# |