Side by side columns

  • Resolved ycsuk

    (@ycsuk)


    1 year, 1 month ago

    Hi guys loving the plugin so far. I’m absolutely tearing my hair out trying to create a simple 2 column site.


    So basically what i’m trying to do is create 2 columns side by side, one for the user to select some inputs, then for the results to appear on the right hand side.

    The field “results” I want to go on the right hand column, and all the others stay on the right. Eventually I will have more “results”.

    I’ve experimented with the ccs class on the fields, setting some to “column1” and the results to “column2” but nothing is working.

    Am I missing something incredibly simple?

    Best!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author CodePeople2

    (@codepeople2)

    1 year, 1 month ago

    Hello @ycsuk

    Thank you so much for using our plugin. The solution is even simpler. You need only to insert a DIV field and select the 2 columns option in it settings. Please watch the following video:

    https://youtu.be/NSac2cAN8RE?list=PLY-AOoHciOKgZQsqWfkQlHJ21sm3qPF9X

    If you prefer assigning class names enter column2 in all your fields.

    Best regards.

    Thread Starter ycsuk

    (@ycsuk)

    1 year, 1 month ago

    I’ve done exactly that and the columns just appear in order so if I add 4 fields, 1 and.3 go into column 1 and 2 and 4 go into column 2. What i’m after is the last say 5 fields all appearing in column 2, and being specifically able to put them in there, and all the others in column 1.

    Hope that makes sense…

    Plugin Author CodePeople2

    (@codepeople2)

    1 year, 1 month ago

    Hello @ycsuk

    Please note you can nest DIV fields, you can insert a DIV field and select the 2 Columns option (I’ll call it field “A” for easier explanation), then insert two other DIV fields (“B” and “C”) into the “A” for the left and right columns, respectively, and configured to distribute the contained fields into only one column each of them. Finally, insert the fields you want to display on the left in the “B” div field, and the fields you want to display on the right in the “C” div field.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Side by side columns’ is closed to new replies.