replicating sample description window in sampler

General
1

Hi,
Is there an easy way of replicate the Look and Feel of the sampler description window?
For example you can see it by following: http://demo.vaadin.com/sampler#UploadWithProgressMonitoring

Its a pretty cool UI.
Thanks.

2

Hi Doug,

You could copy styles used to theme the description Panel of the sampler:
http://demo.vaadin.com/VAADIN/themes/sampler/sampler/styles.css
e.g.


.v-app-SamplerApplication .feature-info {
	background: #1e2123 url(info-bubble-bg.png) repeat-y;
	color: #b8bbbe;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height: 19px;
}
.v-mac .v-app-SamplerApplication .feature-info {
	font-family: helvetica, arial, verdana, sans-serif;
}
.v-app-SamplerApplication .feature-info div.v-link a {
	font-size: 11px;
	line-height: 18px;
	margin-left: 28px;
}
// ... etc. etc.

Best regards,
Johannes

3

ok thank you. Simple enough. :slight_smile: