SmartBuilder > Help Documentation > SmartBuilder Interface > Responsive layout

Float or offset objects from the browser edge

Float objects

To enhance responsive output, you can use the Offset From property to make objects keep a fixed position relative to the browser edge, even when scrolling (a.k.a. "float"). For example, you may want a Menu or Next button that always remain visible at the top or bottom of the screen.

  1. Select the object(s) that you want to float.

    Tip Use Shift+Click to select multiple objects.

  2. Select the Offset From dropdown in the properties panel.
    offset from property
  3. Select the Float option you want to apply to the object(s) selected.
    float top right

Tip All objects have a default value of Top Left. If you wish to remove an object's float or offset, switch the object's Offset From value back to Top Left.

Offset objects

Like floating described above, this setting will keep an object in a fixed position relative to the left or right edge of the browser. But unlike floating, it will not keep its vertical position fixed. So, if you scroll up or down the object may disappear.

  1. Select the object(s) that you want to offset.
  2. Select the Offset From dropdown in the Properties panel.
    offset from property
  3. Select the Offset option you want to apply to the object(s) selected.
    offset from bottom right