Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to set a border on a Vaadin component?

Tags:

vaadin

I would like to programmatically set a border around a Form component in Java. How can I do this without having to edit the css style sheet?

like image 670
yazz.com Avatar asked Apr 08 '11 11:04

yazz.com


2 Answers

You could wrap the form with a Panel component, which has a border defined already. Otherwise, not much alternatives than just using CSS.

One option, if you wish to stay inside the server environment, is to use the CSSInject add-on and add the border using that (you still need to write CSS, but you can do it on the server in a Java file and not inside a regular CSS file).

like image 183
Jouni Avatar answered Sep 23 '22 16:09

Jouni


Vaadin Flow — Style::set to specify CSS

In Vaadin Flow (Vaadin versions 10 and later), you can conveniently set CSS for a widget or layout programmatically. No need to edit separate CSS files, even though styling with CSS files is the recommended way.

  1. On your widget/layout, call getStyle to retrieve the Style object.
  2. On that Style object, call set to pass the name and value of your CSS property.

For example, I find setting a bright colored border on my nested layouts quite helpful for debugging.

myVerticalLayout.getStyle().set( "border" , "6px dotted DarkOrange" ) ; 

You can see this in action with this screenshot on my Answer to another Vaadin question here:

screenshot of a layout with an obnoxious orange border added for debugging purposes
like image 36
Basil Bourque Avatar answered Sep 24 '22 16:09

Basil Bourque