Inside the customizable form component, please add the option to include checkboxes like “I agree to the Terms of Service and Privacy Policy” with its appropriate link.
Hello, @artur since the update of the Sign up form block I can no longer use the href tag, I have the impression that there is a problem, with no spaces displayed !
J'ai lu et j'accepte les <a href="https://myrul.fr/cgu" style="color: #224763"> <b>CGU</a></b> et la <a href="https://myrul.fr/politique-de-confidentialite" style="color: #224763"> <b> politique de confidentialité</a></b>
I have the same problem. While using HTML works, there are two issues:
Missing spaces.
Strange line breaks when the text extends beyond one line.
The code is correct, as it displays the right text in the error message when the checkbox isn’t checked.
This should be a minor adjustment. I’m looking forward to the fix so that it’s compatible with other languages as well.
PS: On this topic, it would be fantastic to have the option in the settings or within the specific form to customize the error message text in the language of the page.
The translation of all UX/UI messages has unfortunately been requested many times from the softr teams, on this forum and elsewhere, for several months/years, and still not fully in place despite some efforts on some translations, and some customm scripts for paying users.
Just so you know, I’ve contacted support and sent them the link to this thread
J'ai lu et j'accepte les <a href="https://myrul.fr/cgu" style="color: #224763"><b>CGU</b></a> et la <a href="https://myrul.fr/politique-de-confidentialite" style="color: #224763"><b>politique de confidentialité</b></a>
The efficiency of community-based support surpasses even dedicated softr’s studio assistance who told me that everything was going well on their end—extraordinary work @Matthieu_Chateau! For anyone considering hiring a softr expert, Matthieu is likely the best choice you could make.
I noticed strange behavior on mobile, I asked chatGPT who offered me this code as an alternative which works perfectly and in particular in mobile responsive. It uses the white-space: pre-wrap CSS class and requires a piece of code in the header and this text in the form
<span class="preserve-space">J'ai lu et j'accepte les <a href="https://myurl.fr/cgu" style="color: #224763"><b>CGU</b></a> et la <a href="https://myurl.fr/politique-de-confidentialite" style="color: #224763"><b>politique de confidentialité</b></a></span>