Skip to main content

Welkom bij Joomla!NL

Om alle mogelijkheden van dit forum te kunnen gebruiken, moet je je eerst registreren.

Vermeld in iedere vraag duidelijk:
  1. De versie van Joomla! 3.X die je gebruikt
  2. De volledige url van je website indien mogelijk.
  3. De versie van de extensie waar de vraag over gaat.

opgelost Formulier onleesbaar op smartphone

Formulier onleesbaar op smartphone

17 jan 2021 17:19
#1
Hallo,
Ik ben bezig met het opstellen van onze inschrijvingsformulieren voor de viswedstrijden van dit jaar (in de hoop dat het doorgaat). Ik gebruik hiervoor RSForm pro. Ben hiervan heel tevreden en gebruik dit al jaren. Bij het versturen van een ingevuld formulier via de pc, krijgt de verzender een kopie van het formulier. Dit gaat heel goed maar wanneer het formulier verstuurd wordt via een smartphone staat de tekst in het antwoord door elkaar en is het bijna onleesbaar (zie bijlage)
Ik gebruik Joomla! 3.9.24 en de site is www.visclubkuleuven.be/
Hoe kan ik dit verhelpen. Dank bij voorbaat.
  • Willy52
  • Willy52's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 39

Formulier onleesbaar op smartphone

17 jan 2021 17:29
#2
Weet je zeker dat er een verband is met het apparaat waarmee het formulier wordt ingevuld? Als je het formulier op een computer invult en de mail dan op een telefoon bekijkt is het dan wel goed?
Heb je de broncode van de mail al eens bekeken (in RSForms)?
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37456

Formulier onleesbaar op smartphone

17 jan 2021 18:13
#3
Bedankt Astrid voor uw snelle reactie.
Ik heb de test gedaan, ingevuld op computer en daarna gelezen op telefoon. Zelfde fout, ook onleesbaar.
Wat moet ik vinden in de broncode? Dat is voor mij, behalve color en enkele andere simpele codes chinees.
Graag wat meer info hierover.
  • Willy52
  • Willy52's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 39

Formulier onleesbaar op smartphone

18 jan 2021 08:38 - 18 jan 2021 08:39
#4
Ik vermoed dat er regeleindes ontbreken
Code:
<p>
Zet anders even je broncode hier neer (tussen codetags!).
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37456

Formulier onleesbaar op smartphone

18 jan 2021 16:35
#5
Dag Astrid.:
De broncode van het formulier is (ik hoop dat dit de juiste is):
Code:
body { </div> <div id="container"> <div id="content_out"> <div id="maincontent" class="row-fluid"> <div id="system-message-container"> </div> <form method="post" id="userForm" class="formResponsive" action="https://www.visclubkuleuven.be/index.php?option=com_rsform&amp;view=rsform&amp;formId=15"><h2>Inschrijvingsformulier voor onze wedstrijd met bakharing van zaterdag 31 juli 2021.</h2> <!-- Do not remove this ID, it is used to identify the page so that the pagination script can work correctly --> <fieldset class="formContainer formHorizontal" id="rsform_15_page_0"> <div class="formRow"> <div class="formSpan12"> <div class="rsform-block rsform-block-welkom-op-onze-inschrijvingspagina"> <p><span style="color: #003366;"> <br /><span style="color: #003366;"> Na inschrijving krijgt u een bevestiging hiervan in uw mail-box. </span><br /><span style="color: #003366;">Velden met een <span style="color: #000000;"><strong>(*) </strong></span>zijn verplicht in te vullen.</span></span></p> <p>Prijs bakharing met brood : .... euro. Wie wil kan ook ½ kip met appelmoes en brood bestellen: prijs ... euro. inschrijven voor ... juli</p> </div> <div class="rsform-block rsform-block-onderwerp"> <p><span style="color: #800000;">Inschrijvingsformulier voor onze wedstrijd met bakharing van zaterdag 31 juli 2021. </span></p> </div> <div class="rsform-block rsform-block-naam"> <label class="formControlLabel" for="Naam">Uw naam :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <input type="text" value="" size="50" placeholder="Naam en voornaam" name="form[Naam]" id="Naam" class="rsform-input-box" aria-required="true" /> <span class="formValidation"><span id="component211" class="formNoError">U heeft geen naam ingevuld.</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-email"> <label class="formControlLabel" for="Email">Email :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <input type="text" value="" size="40" placeholder="Uw email adres" name="form[Email]" id="Email" class="rsform-input-box" aria-required="true" /> <span class="formValidation"><span id="component212" class="formNoError">U heeft geen email adres ingevuld.</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-telefoon"> <label class="formControlLabel" for="Telefoon">Telefoon of GSM :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <input type="text" value="" size="40" placeholder="Gebruik enkel cijfers vb: 0123456" name="form[Telefoon]" id="Telefoon" class="rsform-input-box" aria-required="true" /> <span class="formValidation"><span id="component213" class="formNoError">U heeft nog geen telefoon- of GSM nummer ingevuld.</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-ik-bestel"> <label class="formControlLabel" for="Ik bestel">Ik bestel :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <select name="form[Ik bestel][]" id="Ik bestel" class="rsform-select-box" aria-required="true"><option value="Maak hier uw keuze:">Maak hier uw keuze:</option><option value="1 bakharing">1 bakharing</option><option value="2 bakharingen">2 bakharingen</option><option value="3 bakharingen">3 bakharingen</option><option value="4 bakharingen">4 bakharingen</option><option value="5 bakharingen">5 bakharingen</option><option value="1 x &frac12; kip met appelmoes ">1 x &frac12; kip met appelmoes </option><option value="2 x &frac12; kip met appelmoes">2 x &frac12; kip met appelmoes</option><option value="3 x &frac12; kip met appelmoes ">3 x &frac12; kip met appelmoes </option><option value="4 x &frac12; kip met appelmoes ">4 x &frac12; kip met appelmoes </option><option value="5 x &frac12; kip met appelmoes ">5 x &frac12; kip met appelmoes </option><option value="Niets">Niets</option></select> <span class="formValidation"><span id="component214" class="formNoError">Ongeldige invoer</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-toestemming"> <label class="formControlLabel">Toestemming:<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <div aria-required="true"><label for="Toestemming0"><input type="radio" name="form[Toestemming]" value="Ik ga akkoord dat mijn gegevens mogen gebruikt en bewaard worden om mij verder te contacteren." id="Toestemming0" class="rsform-radio" />Ik ga akkoord dat mijn gegevens mogen gebruikt en bewaard worden om mij verder te contacteren.</label></div> <span class="formValidation"><span id="component215" class="formNoError">U heeft nog niet bevestigd dat wij uw gegevens mogen gebruiken en bewaren.</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-eventuele-mededeling"> <label class="formControlLabel" for="Eventuele mededeling">Eventuele mededeling :</label> <div class="formControls"> <div class="formBody"> <textarea cols="50" rows="5" name="form[Eventuele mededeling]" id="Eventuele mededeling" class="rsform-text-box"></textarea> <span class="formValidation"><span id="component216" class="formNoError">Ongeldige invoer</span></span> <p class="formDescription"></p> </div> </div> </div> <div class="rsform-block rsform-block-beveiligings-code"> <label class="formControlLabel" for="captchaTxt217">Beveiligings code :<strong class="formRequired">(*)</strong></label> <div class="formControls"> <div class="formBody"> <img src="/index.php/component/rsform/?task=captcha&amp;componentId=217&amp;format=image&amp;sid=1326449872" id="captcha217" alt="Beveiligings code :" /><br/><input type="text" value="" name="form[Beveiligings code]" id="captchaTxt217" class="rsform-captcha-box" aria-required="true" /> <a href="javascript:void(0)" class="rsform-captcha-refresh-button" onclick="RSFormPro.refreshCaptcha('217', '/index.php/component/rsform/?task=captcha&amp;componentId=217&amp;format=image'); return false;">Vernieuw</a> <span class="formValidation"><span id="component217" class="formNoError">Ongeldige invoer</span></span> <p class="formDescription"><p><span style="text-align: left; color: #003366; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;">Om spam te voorkomen, vul hierboven alle cijfers van de code in aub. </span></p> <p><span style="text-align: left; color: #003366; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;">Niet goed leesbaar! Druk op </span><span style="text-align: left; color: #800000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; background-color: transparent;">vernieuw</span><span style="text-align: left; color: #003366; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;">.</span></p></p> </div> </div> </div> <div class="rsform-block rsform-block-verzendknop"> <label class="formControlLabel" for="Verzendknop"></label> <div class="formControls"> <div class="formBody"> <button type="submit" name="form[Verzendknop]" id="Verzendknop" class="rsform-submit-button" >Verzend</button> <button type="reset" class="rsform-reset-button" onclick="RSFormPro.resetElements(15)" >Herstel</button> <span class="formValidation"></span> <p class="formDescription"></p> </div> </div> </div> </div> </div> </fieldset><input type="hidden" name="form[formId]" value="15"/></form> </div> <span class="shadow-left">&nbsp;</span> <span class="shadow-right">&nbsp;</span> </div> <div class="clearfix"></div> </div> <div class="clearfix"></div> </div> }

Dank bij voorbaat voor uw antwoord.
  • Willy52
  • Willy52's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 39

Formulier onleesbaar op smartphone

18 jan 2021 16:40
#6
Nee, je formulier ziet er goed uit op een smartphone. Ik bedoel de broncode van de e-mail.
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37456

Formulier onleesbaar op smartphone

18 jan 2021 17:08
#7
Deze ?
Code:
body {<div> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.72px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Beste Test, bedankt voor uw inschrijving voor&nbsp;onze wedstrijd met bakharing van zaterdag 31 juli 2021.</span></p> <p>&nbsp;</p> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.72px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">U heeft gekozen voor: <strong>2 bakharingen</strong><br /></span></p> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">We hebben uw inschrijving goed ontvangen.</span></p> <span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;"> </span> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Tot zaterdag dan!</span></p> <span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;"> </span> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Veel succes!</span></p> </div> }
  • Willy52
  • Willy52's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 39

Formulier onleesbaar op smartphone

18 jan 2021 17:23
#8
Weer niet.
De broncode van de mail in RSForms!
Groetjes, Astrid
Gebruik de zoekfunctie van dit forum voordat je een nieuwe vraag plaatst.
Vragen uitsluitend via dit forum.
yndi.nl - kvk 17157725
Is je vraag beantwoord? Dan kan je het draadje zelf sluiten .
Wil je Joomla!NL steunen? Dat kan met een donatie.
  • Astrid
  • Astrid's Profielfoto
  • Moderator + Technisch team
  • Moderator + Technisch team
  • Berichten: 37456

Formulier onleesbaar op smartphone

18 jan 2021 17:48
#9
Zie afbeelding waar je de broncode van het mailtje kunt vinden.
  • pjasmits
  • pjasmits's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 177

Formulier onleesbaar op smartphone

18 jan 2021 18:10
#10
Sorry Astrid voor de foute code. Wist niet over welke u het had, ben hier maar een beginneling in.
Code:
body { <div> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.72px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Beste {Naam:value}, bedankt voor uw inschrijving voor&nbsp;onze wedstrijd met bakharing van zaterdag 31 juli 2021.</span></p> <p>&nbsp;</p> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.72px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">U heeft gekozen voor: <strong>{Ik bestel:value}</strong><br /></span></p> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">We hebben uw inschrijving goed ontvangen.</span></p> <span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;"> </span> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Tot zaterdag dan!</span></p> <span style="text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: Verdana,Helvetica,Sans-Serif; font-size: 10pt; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; float: none; background-color: transparent;"> </span> <p style="background: none; font: 400 12.8px/16.64px Verdana,Helvetica,Sans-Serif; margin: 12.8px 0px; padding: 0px; height: 16.64px; text-align: left; color: #000000; text-transform: none; text-indent: 0px; letter-spacing: normal; overflow: visible; text-decoration: none; word-spacing: 0px; white-space: normal; min-width: 0px; orphans: 2; font-size-adjust: none; font-stretch: normal;"><span style="color: #003366; font-size: 10pt;">Veel succes!</span></p> </div> }
  • Willy52
  • Willy52's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 39

Formulier onleesbaar op smartphone

18 jan 2021 18:20
#11
Probeer onderstaande eens in plaats van wat er nu staat.
Code:
body { <div> <p><span style="color: #003366; font-size: 10pt;">Beste {Naam:value}, bedankt voor uw inschrijving voor&nbsp;onze wedstrijd met bakharing van zaterdag 31 juli 2021. <br /> U heeft gekozen voor: <strong>{Ik bestel:value}</strong><br /> <br /> We hebben uw inschrijving goed ontvangen.<br/>Tot zaterdag dan!<br/> <br /> Veel succes!</span></p> </div> }
  • pjasmits
  • pjasmits's berichtenfoto
  • Bekend met Joomla!NL
  • Bekend met Joomla!NL
  • Berichten: 177

Formulier onleesbaar op smartphone

19 jan 2021 10:02
#12
Beste Astrid, het is gelukt.
De mails die binnenkomen via smartphone afkomstig van RSForms zijn nu leesbaar.
Bedankt voor uw hulp en sorry nogmaals dat ik het soms niet begrepen had ivm de codes.
Groeten.
  • Willy52
  • Willy52's berichtenfoto Heeft onderwerp gestart
  • Joomla!NL ontdekker
  • Joomla!NL ontdekker
  • Berichten: 39
Moderators: JelleRomke
Tijd voor maken pagina: 0.790 seconden
Gemaakt door Kunena

Wil je Joomla!NL steunen?

Steun Joomla!NLAlle teamleden werken enthousiast, op vrijwillige basis, mee aan Joomla!NL. Maar een website met forum kost nu eenmaal geld. Dus als je Joomla!NL wilt steunen, dan kan dat, graag zelfs!

Lees hier meer informatie