SBS Formatting

Forums General discussion SBS Formatting


This topic contains 1 reply, has 2 voices, and was last updated by  Alexander Bautz 6 months, 2 weeks ago.

  • Author
  • #24173

    Kim West

    Hi Alexander,
    I was hoping you might help with how I would format the side by side settings. In the attached screen print I want to get the first heading on the same line as the other column headings. I also want to get the * for required fields to not push the field out of alignment without changing it elsewhere in the form. Please let me know if you need any other details. I appreciate any assistance you can provide!

  • #24194

    Alexander Bautz

    This side-by-side is unfortunately a bit tricky to get right. I suggest adding the headers in a separate HTML section above the first side-by-side section and adjust the width of each column to match the width of the side-by-side columns. Here is an example you can put in this HTML section:

    <div style="display:flex;font-size:1.2em;color:blue;"><div style="width:130px">First heading</div><div style="width:180px">Seconde heading</div><div style="width:130px">Third heading</div></div>

    To fix the required star when using a hidden column header you must add this to your Custom CSS:


    Let me know how this works out.


You must be logged in to reply to this topic.