Having Horizontal Form Fields for Repeater Fields

  • Hello Sir,
    I want to create a Repeater Fields Form that will have Text, Image, Number and Calculated Fields as its fields.

    But I want the Form fields to be horizontal, and not vertical.

    Please, how can I achieve this?

    Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor hugreed

    (@hugreed)

    Hi! You can use the standard Gutenberg block – Columns (example)

    Or a more advanced way: in your child theme, in your style.css file, add a block like this:

    div.jet-form-builder-repeater__row-fields {
    display: flex;
    flex-direction: row;
    /* ... */
}
    Thread Starter gamicord

    (@gamicord)

    @ Oleksandr Ivanenko
    (@hugreed)

    Will this affect only the Columns of JetForm?

    Or will it automatically make all Gutenberg Columns to be Horizontal/Flex whenever I choose the Column Block?

    Regards

    Plugin Contributor hugreed

    (@hugreed)

    No, the styles that I gave you as an example only affect the fields of the repeater, the block of columns will not be affected in any way.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Having Horizontal Form Fields for Repeater Fields’ is closed to new replies.