Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum3. Vaadin 6, 7, 8

Banner image in the header?

Srini Byrapaneni
5 years ago May 19, 2016 10:18pm

Hi guys,

I split my view area into two sections header(10%) and content (90%). I tried to insert and image in the header section but it's not fitting in the header area since my image is larger than the header area. Anybody able to achieve this? Is it possible to get what i want thru the Designer?

Any help is greatly appreciated.

Best regards,
Srini

Olli Tietäväinen
5 years ago May 20, 2016 5:41am

Hi,

if you set the Image component's Height property to 100% (either from the Properties box or the black popup when you click the component), it will resize to automatically take all of the available horizontal space in your header component. If you'd rather have a fixed size, you can enter a pixel size like 200px in the Height and Width properties. 

BR,
Olli

Srini Byrapaneni
5 years ago May 20, 2016 2:25pm

Hi again Olli, thanks for the info. I have tried your solution prior to positng it in this forum but no success. Attached is the designer screenhot. Please review and advise. I am only seeing partial first letter instead of the entire name.

Best regards,
Srini

Olli Tietäväinen
5 years ago May 23, 2016 4:36am

Hi,

you should o use the "Source" attribute for the image URL instead of "Icon".

-Olli

Srini Byrapaneni
5 years ago May 24, 2016 3:03am

Worked just fine, you are awesome Olli.