From 299520fac11dac9b31d6fd762a3eb76ef827ec5b Mon Sep 17 00:00:00 2001 From: dangllucas Date: Wed, 7 Feb 2018 15:09:16 +0100 Subject: Update themes-responsive.asciidoc (#10460) --- documentation/themes/themes-responsive.asciidoc | 8 +++++--- 1 file 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++# -- cgit v1.2.3