Shape Dividers work like a containers (you can place text, images etc into it) but include a generated SVG element to make a visually appealing section divider:
They are used to divide the sections on a website, and can be used to create a nice looking transition between pieces of content.
Shape Dividers in RocketCake have a set of built-in shapes (waves, curves, triangles, inclinations and more).
Using the "ShapeSize" property in the property window, it is possible to additionally change the layout of the shape. By default, the size is set to
100%, 30
Meaning the shape will cover 100% of the width of the container, and will have a height of 30 pixels.
By setting it to something like
100%, 50
this will make the shape be larger.
With certain shapes (like the curve or the triangle), it is also a good idea to make the width of the shape wider, like 200%:
200%, 30
to only show part of the shape and make it look completely different.
Copyright © by Ambiera e.U.