Add missing bootstrap 5 position utilities

Feature Request
1

Looking at Wappler Documentation - Overlaying Text on Image, I think that there is a much easier method to achieve the same result, with a few small additions to the UI.

The steps to take:

  1. Create the usuals - Container, Row, Column.
  2. Add .position-relative to the column.
  3. Add an image inside the column and tick the Responsive box.
  4. Add a heading and add .position-absolute and a colour.
  5. Add style rules for top/right/bottom/left, as required.

The result:

image
image1773×600 66.6 KB

My suggestion for the Properties panel:

  1. Add position to the layout section to cater for
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
  1. Allow for top/right/bottom/left values when absolute is chosen.
2

Are you referring to these properties?

3

Correct.

We already have position fixed and sticky.