How can I create kind of that box shown here:
http://demo.vaadin.com/sampler#LinkNoDecorations
“Description and Resources”
?
TIA
This has been asked before, but to summarize: it is a Panel with a suitable style - see
FeatureView.java
and
styles.css
. Look for the style “feature-info”.
Thanks a lot for your help.
I did not had the time to test the files you posted, bet will those files result in a panel looking what I was asking for?
More or less…?
Thx.
Those files contain how it is done in the sampler, but also contain a lot more code and CSS rules that are not relevant for the panel - you need to extract the relevant bits. The CSS also refers to some images in the sampler, which you need as well.
Hey, thanks for that.
Im on it now 
What do I do with the linked styles.css to get the used by my app?
What is the recommended way to extend the existing schemes with that kind of styles?
TIA
In general, if you do not mind getting the full contents of a CSS file, just import the files you need from different themes - many themes are split into files by component. You might need to take apart (i.e. copy the imports of, instead of importing directly) the top-level stylesheet of e.g. the reindeer theme in such cases as it might otherwise import some conflicting rules.
However, I guess in this case you might need to copy just the relevant bits (CSS rules and images) from the Sampler theme to your own instead.
Be careful not to exceed three levels of CSS files importing each other, as IE simply ignores any that are nested deeper than that.