PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

any way to use ordered list instead of unordered?

  1. I have a form where I would like to number the questions.

    Because the order may need to change I would prefer to display the questions using an ordered list however the default displays them in an unordered list. Is there any parameter that can be set to use an ordered list instead of an unordered list?

    thanks,
    brian

    Posted 10 years ago on Thursday June 6, 2013 | Permalink
  2. David Peralty

    You mean all of our form elements? There isn't a parameter to change how we output our form HTML currently.

    Posted 10 years ago on Thursday June 6, 2013 | Permalink
  3. Richard Vav
    Administrator

    Hi Brian,
    The hacky way to do this would be to add an HTML field to the top of your form, in that you would place the following content changing the ol class to match your label and description settings

    </li>
    </ul>
    <ol class='gform_fields top_label description_below'>
    <li class="gform_hidden" value="0">

    then you would add a second HTML field at the bottom of your form, give it the CSS Class Name of gform_hidden and add the following content

    </li>
    </ol>
    <ul>
    <li>

    Now to your theme's stylesheet you will need to add some CSS to display the numbers as they will be hidden by the default styles.

    .gform_wrapper ol li {
    list-style-type: decimal !important;
    }

    That's it, check your form, it should now be displaying a numbered list.

    The easiest way, although it's still using an unordered list would be to add a style that tells the ul li's to display a decimal list style indicator like so

    .gform_wrapper ul li {
    list-style-type: decimal !important;
    }

    either way you may need to play around with the CSS a bit to get the margins to how you want them.

    Regards,
    Richard

    Posted 10 years ago on Friday June 7, 2013 | Permalink