Forum | Appery.io

I currently have my header with two custom components (the buttons on left and right) as shown

I want them to display on either side of the header. When I go to test it, they don't appear inline like in the editor.

I've been experimenting with different options and css settings but nothing seems to work. I currently have Properties - Header Custom Position Inline as my setting, but that hasn't seemed to make any difference.

Thank you!

you can achieve this by place a grid (with 1 row, 3 cols ) inside the header. The place the left button in the 1st column and the right button in the 3rd column. And set the 2nd column width to auto. That should work

And to make the right button stick to the right side of the last column, add a property to the cell called "align" and set the value to "right"

Thank you!