Okay
  Public Ticket #1429912
enable fancy select checkbox
Closed

Comments

  •  5
    Lorie started the conversation

    Hi there, I am having a difficult time with the checkboxes and radio buttons on my site. Whenever I tick the "Enable Fancy Select/Checkbox/Radio Styling" on my salient options, the checkboxes and radio buttons disappear on my site. However, if I leave the tick box unchecked I get the ugly standard HTML radio/checkboxes. I'm using the Caldera Forms plugin. Is there a work around to get these displaying correctly so that my checkboxes appear and look nice? 

  •  3,034
    Andrew replied

    Hi Lorie,

    Sorry for the late reply.

    There might be a plugin conflict of some sorts but we cannot be all that sure unless we check the page with the issue directly.

    Could we have  link to the page with the issue i.e. "Enable Fancy Select/Checkbox/Radio Styling" enable that so that we can see the issue. Alternatively if you do not want to have this error on the site, you could give us temporary admin access - username password with admin privileges, we enable the option and then try to fix it on demand.

    Thanks.

  •   Lorie replied privately
  •  3,034
    Andrew replied

    Hi Lorie,

    We logged in and added this CSS to fix those issues:

    body[data-fancy-form-rcs="1"] [type="radio"]:not(:checked), body[data-fancy-form-rcs="1"] [type="radio"]:checked {
        display:inline-block;
        left: auto;
        top:10px;
        visibility: visible;
    }
    body[data-fancy-form-rcs="1"] input[type='checkbox']{
        height: 15px;
        width: 15px;
        top:8px;
        position: absolute;
        left: auto;
    }
    

    Cheers.

  •  5
    Lorie replied

    Hi Andrew,

    Thanks so much for checking out the problem. However, I don't see any fix. The check box and the radio buttons still look like standard html even though the Enable Fancybox Select/Checkbox/Radio Styling button is on. I've purged the wordpress cache and browser cache 3x on 3 different browsers. Is there something else that needs to be done?

  •  3,034
    Andrew replied

    Hi Lorie,

    Apologie for the late reply.

    That is currently the best way we can have the checkboxes as there seems to be some conflict between the theme's Fancybox Select/Checkbox/Radio Styling option and form plugins.

    We have notified the developers about this so that can take a better look.
    They will be incontact.

    For now use the CSS to keep the forms functional.
    Cheers. 

  •  5
    Lorie replied

    Thanks for the response, Andrew. I'm sure others who use Caldera Forms would like to know how to deal with this too. I appreciate the support that is offered here and I look forward to a response.

    All the best!

  •   Lorie replied privately
  •   Lorie replied privately
  •  5
    Lorie replied

    Just following up to see if the developers have had a chance to take a look at this.

  •  5
    Lorie replied

    Hi there, I know your team is super busy, but can you please let me know if this will be fixed or if I should look for a different form? The standard html boxes and radio buttons look awful on our forms and I love how the Salient theme replaces them. The checkboxes and radio buttons just aren't getting replaced on our Caldera Forms even though that option is checked in the Salient options. 

    Thanks and I look forward to hearing from you.

  •  5
    Lorie replied

    Hi again,

    I've updated to the latest theme (version 8.5.4) and the checkbox is still the same no matter if I have the Enable Fancy Select/Checkbox/Radio Styling checked or not. The same ugly standard html box shows no matter what. I'm getting incredible pressure from my team to wrap this up. Can this work with the Caldera form or do I need to purchase a different plugin?

    Thanks