Multiple divs

  • Resolved radu88

    (@radu88)


    11 months, 1 week ago

    Hey CFF team,

    First of all thanks for a great plugin! I currently have the following setup:

    • One div (let’s call it A) and inside that div, I have two divs (A.1 and A.2)
    • In div A.1 I have fields where user inputs data
    • In div A.2 I have calculated fields that dynamically change based on what the user fills in div A.1

    What I need to get done:

    • Create another div, independent of the ‘main div’ from above – let’s call it B
    • Add a button inside div A.1 as mentioned above
    • Upon pressing the button, the newly created div B should appear with calculated fields.

    I’m struggling to find a way to add the button and on pressing it more content to appear – do you think you could point me in the right direction?

    Thank you!

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author codepeople

    (@codepeople)

    Hello @radu88

    Thank you very much for using our plugin. And alternative would be to enter the hide class name through the “Add CSS Layout Keywords” attribute in the DIV B settings. I’ll call it fieldname123. And then, in the onclick button event, you can enter the piece of code:

    SHOWFIELD('fieldname123')

    And that’s all.

    Best regards.

    Thread Starter radu88

    (@radu88)

    Hey,

    Appreciate the fast response! Unfortunately, I could not get it to work using the way you mentioned – see https://prnt.sc/zjNSTjJ2zAB9 + https://prnt.sc/mLFQpq_e3mKS but I did get it to work by using the jQuery(‘.hide’).removeClass(‘hide’); event – is this the correct way?

    Also, I do have additional questions not related to this particular issue, should I open new threads?

    Appreciate your time!

    Plugin Author codepeople

    (@codepeople)

    Hello @radu88

    Please provide the link to the page containing the form to check your code in action.

    Best regards.

    Thread Starter radu88

    (@radu88)

    Hey, sure – see https://tinyurl.com/65xr7arm

    Thank you!

    Plugin Author codepeople

    (@codepeople)

    Hello @radu88

    Thank you very much.

    The SHOWFIELD is not working on your website because the theme active defines the hide class name too, but this time with the !important modifier:

    .hide {
    display: none!important;
}

    Into the file:

    https://russellmarketing.co/wp-content/themes/hello-elementor/theme.min.css

    However, I see you have implemented a solution to your case by removing the hide class name from the field:

    jQuery('.hide').removeClass('hide');

    Best regards.

    Plugin Author codepeople

    (@codepeople)

    Hello @radu88

    Please install the latest plugin update, released just now, and purge your website and browser caches. And finally, try with the SHOWFIELD('fieldname19') piece of code again.

    Best regards.

    Thread Starter radu88

    (@radu88)

    Perfect, works as it should!

    Plugin Author codepeople

    (@codepeople)

    Hello @radu88

    Thank you very much for the feedback.

    Best regards.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Multiple divs’ is closed to new replies.