Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • Alex Palacky 6 posts 76 karma points
    Nov 14, 2018 @ 23:48
    Alex Palacky
    0

    Check Box List

    I've been using formulate successfully in Umbraco for about a year now. I've tried to build a form today which has a check box list for people to choose one or multiple items from.

    Eg: Tell us what you would like help with: (check box) Pricing (check box) Live Demo (check box) speak with a representative

    I added the data in the Data Values section however when I add the form to the website that section doesn't show up at all. Any ideas?

    Thanks,

    Alex

  • Nicholas Westby 2054 posts 7103 karma points c-trib
    Nov 14, 2018 @ 23:55
    Nicholas Westby
    0

    Have you picked the data value from the field?

    It seems to work for me:

    Checkbox List of US States

    If you could include some screenshots of a few of the back office elements (e.g., the form, the configured form, the field, the layout), that might help with troubleshooting the issue.

  • Alex Palacky 6 posts 76 karma points
    Nov 14, 2018 @ 23:58
    Alex Palacky
    0

    Hi Nicholas,

    Here is the Data Value I set up:

    enter image description here

    And I have then selected that data value when setting up the form:

    enter image description here

  • Nicholas Westby 2054 posts 7103 karma points c-trib
    Nov 15, 2018 @ 00:06
    Nicholas Westby
    0

    Some ideas you can try:

    • Try with the other kind of data value (the one that allows for a label and a value for each item).
    • Try removing all validations.
  • Alex Palacky 6 posts 76 karma points
    Nov 15, 2018 @ 00:17
    Alex Palacky
    0

    Hi,

    I tried using the pair list and the list data values and neither worked.

    enter image description here

    I removed validations

    The list function only lets me choose US States, which isn't what I want as my list for people to choose from!

    Any other suggestions?

    Thanks!

  • Nicholas Westby 2054 posts 7103 karma points c-trib
    Nov 15, 2018 @ 00:27
    Nicholas Westby
    0

    Some thoughts:

    • Do you see any JavaScript errors in your Chrome developer tools console?
    • Try setting the data value alias to an empty value rather than "Video 2 List".
    • Did the list function work (even though states are not what you want)?
    • Do any other field types that use a list of data work?
    • What version of Formulate and Umbraco are you using?
    • Can I see a screenshot of your configured form (form configurations are nested under the forms)?
  • Alex Palacky 6 posts 76 karma points
    Nov 15, 2018 @ 00:44
    Alex Palacky
    0

    Hi,

    There are no errors showing in the console

    I removed the alias to nothing

    I tried the state list function and that didn't work either

    The data value list works if I use it with the drop down function - it just doesn't seem to like the check box option which is what I need.

    I'm using Umbraco 7.7.2

    Here is the configuration:

    enter image description here

  • Nicholas Westby 2054 posts 7103 karma points c-trib
    Nov 15, 2018 @ 00:52
    Nicholas Westby
    0

    Thanks for the screenshot. It confirms that you are using the AngularJS template (rather than the plain JavaScript template).

    Can you also let me know what version of Formulate you have installed? The version number is listed in the web.config. You can find it by searching for "Formulate:Version".

    Another possibility, though it's remote: perhaps the checkboxes are getting rendered, but the CSS is hiding them. This might be the case if, for example, the real checkboxes are hidden in favor of custom checkboxes (and maybe the markup isn't structured such that the custom checkbox is displayed).

    Once you send me that Formulate version number and look into the above possibility, feel free to also email me with a URL to whatever page you are working with so I can inspect it a bit to see if that offers any clues.

  • Alex Palacky 6 posts 76 karma points
    Nov 15, 2018 @ 01:19
    Alex Palacky
    0

    Hi,

    We are using version 1.3.5.0

    Thanks!

  • Nicholas Westby 2054 posts 7103 karma points c-trib
    Nov 15, 2018 @ 17:14
    Nicholas Westby
    0

    The issue is that you have this CSS rule:

    label {
        display: none;
    }
    

    Because Formulate wraps the checkboxes in a checkbox list with label elements, the checkboxes are being hidden. You could probably fix it with a subsequent CSS rule like this:

    .formulate__field__item.checkbox > label {
      display: block;
    }
    

    That will show just the labels for the checkboxes in the checkbox list.

  • Nicholas Westby 2054 posts 7103 karma points c-trib
    Nov 15, 2018 @ 17:32
    Nicholas Westby
    0

    BTW, you'll probably want to upgrade Formulate. The version you are using has a bug relating to required field validation on the checkbox list, which was fixed in 1.4.1: https://github.com/rhythmagency/formulate/releases/tag/v1.4.1

Please Sign in or register to post replies

Write your reply to:

Draft