radio button with dependencies next to itself

  • Resolved elmirasln

    (@elmirasln)


    1 year ago

    Hi,

    I have a radio button with images in my form as you can see in the link. What I need is that when the user chooses an option, its dependencies show up next to it (because the image is a guide to how to fill dependent fields).

    So it may seem funny but I copied dependencies codes as the text of radio button! The result is very close to what I want, but as you can see, when I choose number 1, 2 sets of dependencies show up . Additionally the set I added by code doesn’t work! It’s a mess yeah but i tried my best ?? Would you please help me?

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

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

    (@codepeople)

    Hello @elmirasln

    The preferred solution would be using containers (DIV fields ) and columns.

    You can insert a DIV field with two columns. Into the DIV field, insert another two DIV fields (they will take 50% width each). In the left DIV field, insert the radio buttons field. In the right DIV field, insert the group of dependent fields.

    Best regards.

    Thread Starter elmirasln

    (@elmirasln)

    Well I did that before creating this topic. The problem with that is the radio button is longer and the user has to scroll down to see 3rd or 4th option, while the dependent fields still show up in front of 1st option. Do you have any better idea? Is it actually possible or not?

    Plugin Author codepeople

    (@codepeople)

    Hello @elmirasln,

    If you want to display the dependent fields just beside the corresponding choice, you have some alternatives, but they require more effort.

    You can implement a code that each time you select one of the radio buttons’ choice, it calculates its position and assigns it to the container of its dependent fields.

    Another alternative would be to split each choice into a separate radio buttons field and insert DIV fields with two columns for each choice, as I described in the previous entry. In this case, you must implement a code such that each time you tick a choice it unticks the others.

    If you need a custom coding service to implement one of the above alternatives, you can contact us directly via the plugin website Custom Coding Service.

    A simpler solution would be to configure the radio buttons choice to display the choices side by side and insert the dependent fields below.

    Best regards.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘radio button with dependencies next to itself’ is closed to new replies.