0

I'm using Rating from Solspace, and at the same time I use Zurb Foundation Abide validation library.

My goal is the data-abide Zurb Foundation parameter appears inside the form element created by the Rating module:

<form data-abide>

How it's possible that this parameter data-abide appears inside the form element when the HTML form is created by the Rating module ?

2
  • 1
    Have you tried using the form:attribute parameter? – Jim Wyse Jun 14 '15 at 16:18
  • Hi Jim, thanks for your help, Blatant has developped your tip. I tried with a wrong syntax and it didn't work. – Stéphane Jun 15 '15 at 17:21
1

As per the docs (and as Jim says) Try using the `form:attribute parameter. Something like this :

form:data-abide=""

Might work, might strip the empty tag, however even if not this should get it on the form, it's just if Abide will recognise the data attribute with the 'false' value set.

form:data-abide="data-abide" 

Otherwise, without rereating the form tags yourself (and losing all the tags inside) you could perhaps target the form (or all forms with a js snippet and reflow the abide stuff, summin like :

$('form').each(function(){
    $(this).attr('data-abide','');
    $(document).foundation('abide', 'reflow');
});

Abide Docs : http://foundation.zurb.com/docs/components/abide.html#adding-new-abide-content-after-page-load

1
  • Blatant, thanks for your help!! really form:data-abide="" is working fine. The js snippet is a nice alternative. – Stéphane Jun 15 '15 at 17:24

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.