How does Website Builder work with Flexible height regions?

This article applies to Website Builder packages.

Defining a flexible region

In your design template, add (flex) to the layer name to tell Website Builder you want that region to have flexible height.

For example, if you want the layer main to have flexible height name it main (flex)

How are graphics scaled in flexible height regions?

If a page region contains only a solid colour, Website Builder will render it as a DIV tag.

If a page region contains a bitmap, Site-fusion will scale it using 'smart' scaling. This means that the upper and lower third of the bitmap retain their original height and only the middle third is scaled. The advantage of this is that if. for example, the regions has rounded corners the corners will not become distorted through scaling.

The green area of the image below shows when a page region is unscaled.

 Flexible_height_regions1.jpg

The green area of the image below shows when the page region has content forcing it to scale vertically

 Flexible_height_regions2.jpg

Please note: The red and blue areas in this example retain their original height.

Offer

Answer options

Your feedback was successfully added.

Answer tracking

Track

Watch the content of this article for changes.