Browse Source

Update themes-responsive.asciidoc (#10460)

tags/8.4.0.alpha1
dangllucas 6 years ago
parent
commit
299520fac1
1 changed files with 5 additions and 3 deletions
  1. 5
    3
      documentation/themes/themes-responsive.asciidoc

+ 5
- 3
documentation/themes/themes-responsive.asciidoc View File

@@ -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++#

Loading…
Cancel
Save