• Resolved PB

    (@ohtusabes)


    Hi @codepeople2

    I would like the div container (fieldname8) to be displayed when the ‘Calcular’ button is pressed, and for its content to be arranged in two columns on mobile devices. Could you advise me on how to achieve this?

    Thank you

    • This topic was modified 1 month, 2 weeks ago by PB.

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

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

    (@codepeople2)

    Hello @ohtusabes

    If you want to hide the div field by default:

    1. Select the field in the form.
    2. Activate the “Advanced Settings” tab in its settings.
    3. Tick the “Hide field” checkbox. The text in the checkbox indicate what you must do to display this field.

    To display the fieldname8 DIV field when you press the “Calculate” button, enter the SHOWFIELD('fieldname8'); through its onclick attribute (in the button settings).

    Finally, if you want to display the fields in two columns on mobile devices, you can enter the predefined class name col-xs-6 through the “Add CSS Layout Keywords” attributes in those fields you want to display in two columns.

    Best regards.

    Thread Starter PB

    (@ohtusabes)

    Hi @codepeople2

    The button works fine, but the two-column layout on mobile (i.e., without stacking) doesn’t work. Any help?

    Plugin Author CodePeople2

    (@codepeople2)

    Hello @ohtusabes

    Please provide the link to the page containing the form, and indicate the fields formatted into columns to check if you have assigned the class name to them.

    Best regards.

    Thread Starter PB

    (@ohtusabes)

    Hi @codepeople2

    The page is the same as in my original question: https://app.ucimhef.org/?cff-form=126

    I want the fields fieldname9 and fieldname4, which are inside a div container, to display in two columns even on mobile (i.e., not stacked).

    Thanks in advance.

    Plugin Author CodePeople2

    (@codepeople2)

    Hello @ohtusabes

    You have not followed my instructions. Neither fieldname9 nor fieldname4 has been assigned the class name col-xs-6

    This must be done through their “Add CSS design keywords” attributes.

    Best regards.

    Thread Starter PB

    (@ohtusabes)

    Hi @codepeople2

    I’m sorry. I’m sure I already did.

    Thank you.

    Plugin Author CodePeople2

    (@codepeople2)

    Hello @ohtusabes

    No, they do not have the col-xs-6 class name assigned. Please could you provide a screenshot showing these field settings?

    Best regards.

    Thread Starter PB

    (@ohtusabes)

    Hi @codepeople2

    Sorry for the delay. I’m following your instructions exactly as you described. I added col-xs-6 several times in the “Add CSS Layout Keywords” tab, but it keeps deleting itself. Is there any solution?

    Thank you,.

    Plugin Author CodePeople2

    (@codepeople2)

    Hello @ohtusabes

    Please watch the following video:

    https://resources.developers4web.com/cff/tmp/2025/10/24/video-columns_o.mp4

    Best regards.

    Thread Starter PB

    (@ohtusabes)

    Hi @codepeople2

    Yes, it’s working fine now. I think it didn’t work when I copied and pasted the class, but it worked when I typed it directly in the Layout field.

    Thank you for your time and your help.

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

You must be logged in to reply to this topic.