Forms 6.2 can't float fields | Community
Skip to main content
B
baronforo
Level 4
February 28, 2018
Solved

Forms 6.2 can't float fields

  • February 28, 2018
  • 4 replies
  • 1751 views

Hi all,

I'm trying to make fields in my adaptive forms be side-by-side to take up less vertical room in a desktop environment.

When I try to use Colspan it says it only works in Responsive layout, but I can't even get it to work there.

When I try to change the CSS Class in the sidebar, the text box will change, but the surrounding row does not, so cannot truly float fields.

Results: While the actual texbox div will accept col-md-6, the parent's parent stays at col-md-12.

Is there a way around this in 6.2, or do I have to wait until we upgrade to 6.3?

Thanks!

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by James_R_Green

    ChrisPasquarette​

    Here is an example:

    Add a panel and change only the "Number of Columns" setting from 1 to 3:

    Now under that panel in the hierarchy, insert three textboxes. If you add the textboxes outside the panel it won't work.

    You should see the effect you are after and each element will take up one column by default.

    If you change the Colspan of one of the elements to say two, you can span it across more than one column like this:

    You can of course adjust the Number of Columns setting from 3 to whatever you need.

    Thanks,

    James

    4 replies

    James_R_Green
    James_R_Green
    Level 6
    February 28, 2018

    Hi Chris,

    Have you tried adding a panel, setting the number of columns in the configuration for that panel to say two, and putting elements in that panel. That might have the effect you are after.

    I would add an example but not at a computer at the moment.

    Thanks,

    James

    James_R_Green
    James_R_GreenAccepted solution
    Level 6
    March 1, 2018

    ChrisPasquarette​

    Here is an example:

    Add a panel and change only the "Number of Columns" setting from 1 to 3:

    Now under that panel in the hierarchy, insert three textboxes. If you add the textboxes outside the panel it won't work.

    You should see the effect you are after and each element will take up one column by default.

    If you change the Colspan of one of the elements to say two, you can span it across more than one column like this:

    You can of course adjust the Number of Columns setting from 3 to whatever you need.

    Thanks,

    James

    B
    baronforoAuthor
    Level 4
    March 1, 2018

    Thanks! I'll give it a try!

    B
    baronforoAuthor
    Level 4
    March 9, 2018

    Worked out great! Thanks!

      Terms & ConditionsAccessibility statement

      Loading footer...