Appnitro Software Forums » MachForm

Divide radio buttons into a group or make them respond to selection.

(6 posts)

  1. MvdL79
    Member

    Probably this is not possible, however I am going to ask anyways.

    Currently I have a single group of radio buttons on my form.
    For example:

    1. 10MB for 10 Euro (no discount)
2. 20MB for 20 Euro (no discount)
3. 30MB for 30 Euro (no discount)
4. 40MB for 40 Euro (no discount)

5. 10MB for 5 Euro (discount price)
6. 20MB for 10 Euro (discount price)
7. 30MB for 15 Euro (discount price)
8. 40MB for 20 Euro (discount price)

    This is one single group. So they have to select one. However currently it's displayed underneath each other, making it very "difficult" to read (let alone understand) for our customers.

    Now I was thinking, is it possible to add a horizontal line (or CSS line) between option 4 and 5?

    Better would be to have 3 radio button groups for example:

    1. No discount
2. Discount price

    And depending on which option they select they would get:

    (in case of option 1, no discount)

    1. 10MB for 10 Euro (no discount)
2. 20MB for 20 Euro (no discount)
3. 30MB for 30 Euro (no discount)
4. 40MB for 40 Euro (no discount)

    (in case of option 2, discount price)

    1. 10MB for 5 Euro (discount price)
2. 20MB for 10 Euro (discount price)
3. 30MB for 15 Euro (discount price)
4. 40MB for 20 Euro (discount price)

    These options will only popup when they have selected "no discount" or "discount price".

    I hope I explained it will. I really want to have an understandable form for our customers.

    Posted 2 years ago #

  2. MvdL79
    Member

    I tried several things myself, however it didn't work.

    I have tried to change the CSS of that particular radio button, so it would split up, but that didn't work.

    #element_7_6{margin: 200px 0 200px 0;}

    Also adding a <div></div> through the admin panel in the radio field doesn't prove to be a good solution. It does split up the two radio button groups, however I think the product codes won't be displayed when a form is submitted?

    Posted 2 years ago #

  3. MvdL79
    Member

    * bump 4 help *

    Posted 2 years ago #

  4. yuniar
    MachForm Founder

    Sorry, I'm afraid this one won't be possible.

    Posted 2 years ago #

  5. MvdL79
    Member

    Anyway to create an empty space between the radio buttons or a <hr>?

    Posted 2 years ago #

  6. MvdL79
    Member

    Uhmz... If I would create an empty radio button (in between), maybe I could hide it with CSS? Would that work?

    //edit

    Yes, it works like I want it to! :D

    Posted 2 years ago #

RSS feed for this topic

Reply

You must log in to post.