Animated checkbox no longer works

  • Resolved antforshaw

    (@antforshaw)


    6 years, 5 months ago

    I had some CSS that provided an animated checkbox on the “remember me” field of the login form. The checkbox itself was hidden but the <LABEL> was clickable. This new version of TML doesn’t have the <LABEL> field linked to the checkbox and therefore the animated checkbox cannot process because the hidden checkbox can no longer be clicked via the label.

    Has anyone else encountered this problem? What was the solution? I’m thinking of putting a click event listener on the .tml-label span that toggles the checkbox but I was hoping for a simpler CSS-only solution.

Viewing 1 replies (of 1 total)
  • Thread Starter antforshaw

    (@antforshaw)

    It’s OK – this solution appears to work fine.

    jQuery(document).ready(function () {
	$('span.tml-label').click(function(event) {
		$('input[type=checkbox].tml-checkbox').trigger('click'); 
        });
});
Viewing 1 replies (of 1 total)
  • The topic ‘Animated checkbox no longer works’ is closed to new replies.

Tags