Skip to main content

Vraag RS Form Pro beginners vragen

  • Lusa
  • Lusa's Profielfoto Onderwerp Auteur
  • Offline
  • Gebruiker
  • Gebruiker
Meer
11 jaren 2 maanden geleden - 11 jaren 2 maanden geleden #2553 door Lusa
RS Form Pro beginners vragen werd gestart door Lusa
Sinds kort ben ik bezig met RS Form Pro.
Voor standaard formulieren vind ik het eenvoudig, maar met grote aanpassingen een grote uitdaging voor mij.
Ik loop dan ook al dagen vast op het volgende.
Graag wil ik op mijn website shop.lusa.nl/index.php?option=com_rsform&formId=5 een multipage met 7 stappen maken.

Ik heb gekozen voor de XHTML layout mocht een andere layout beter zijn pas ik deze nog aan.
Op dit moment heb ik op de eerste pagina 3 afbeeldingen onder elkaar.
Hiervoor heb ik een tekst field aangemaakt met de volgende code erin:
Code:
<img src="/images/form/page1/Hacker_Systemat.jpg" alt="Hacker Systemat"/>
Graag wil ik de afbeeldingen naast elkaar hebben met onder elke afbeelding een radio button.
Mijn vraag is hoe kan ik het beste de afbeeldingen naast elkaar krijgen met onder elke afbeelding een radio button?
De bezoeker moet een keuze maken uit 1 van de drie afbeeldingen voordat ze naar stap 2 kunnen.

Achter elke radio button heb ik een hidden field zodat als keuze 1 word gemaakt op de volgende pagina alles voor keuze 1 word weergegeven.
Opties voor keuze 2 en 3 worden dan niet weergegeven.
Laatst bewerkt 11 jaren 2 maanden geleden doorLusa.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
11 jaren 2 maanden geleden #2555 door Arjan
Beantwoord door Arjan in topic Re: RS Form Pro beginners vragen

Ik heb gekozen voor de XHTML layout

Daar onder kan je kiezen of de lay-out automatisch gegenereerd moet worden.
Als je voor Nee kiest dan kan je aanpassingen maken in de code.

Heeft voor de rest geen invloed op de werking van het formulier is mijn ervaring.

Lekker ontspannen mensen helpen met hun website problemen.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • Lusa
  • Lusa's Profielfoto Onderwerp Auteur
  • Offline
  • Gebruiker
  • Gebruiker
Meer
11 jaren 2 maanden geleden #2558 door Lusa
Beantwoord door Lusa in topic Re: RS Form Pro beginners vragen
Bedankt voor je reactie.

Automatisch gegenereerd op nee kan ik toch pas doen als ik klaar ben met het vullen van de formulier?
Dus stap 1 velden aanmaken stap 2 layout aanpassen?
Ik had deze vraag ook gesteld bij het RS Form Pro support, en het eerste deel van de uitleg begrijp ik wel.

1. In order to display 3 images on the same line you could try using 3 different "Freetext" fields, each one containing the HTML syntax used to display an image, for example:

<img src=" www.your-image-path.com " alt="picture name"/>

You will need to edit the code from the "Form layout" tab in order to display the images on the same line (for example if you are using a table layout you will need to contain the placeholders that return the body of the freetext fields in the same <tr> tag)

Dit werkt als ik inderdaad de automatisch gegenereerd op Nee zet en de body code in dezelfde tag zet.
bijvoorbeeld; nu ook even aangepast op de website:
Code:
<li class="rsform-block rsform-block-keuken-1"> <div class="formCaption2">{Keuken 1:caption}</div> <div class="formBody">{Keuken 1:body}<span class="formClr">{Keuken 1:validation}</span></div> <div class="formBody">{Keuken 2:body}<span class="formClr">{Keuken 2:validation}</span></div> <div class="formBody">{Keuken 3:body}<span class="formClr">{Keuken 3:validation}</span></div> <div class="formDescription">{Keuken 1:description}</div>

Maar de volgende stap is hoe plaats ik dan onder elke afbeelding een radio button?
Het antwoord van RS Form support is.

As for the radio group styling you can use "margin-left"(for example), and I recommend that you use Firebug (Mozilla Firefox add-on) to inspect your form to actually see the labels, IDs, classes that you actually want the styling to be applied to. For example:

Code:
<style type="text/css"> #userForm .rsform-block-radio label{ margin-left: 210px !important; } </style>

Hier loop ik dus vast.
Moet ik voor elke afbeelding een eigen radio groep gebruiken of gewoon 1 radio groep met 3 elementen?
Tot nu toe krijg ik de radio buttons niet onder elke afbeelding.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
11 jaren 2 maanden geleden #2560 door Arjan
Beantwoord door Arjan in topic Re: RS Form Pro beginners vragen
Allemaal aparte radio knoppen en dan gaan uitlijnen met het css.

Zou wel iedere radioknop een aparte class if id mee geven.

Lekker ontspannen mensen helpen met hun website problemen.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

  • Lusa
  • Lusa's Profielfoto Onderwerp Auteur
  • Offline
  • Gebruiker
  • Gebruiker
Meer
11 jaren 2 maanden geleden #2562 door Lusa
Beantwoord door Lusa in topic Re: RS Form Pro beginners vragen

Allemaal aparte radio knoppen en dan gaan uitlijnen met het css.

Zou wel iedere radioknop een aparte class if id mee geven.


Je bedoeld zoiets?
Code:
<style type="text/css"> .formFieldset { background:none; } .rsform-block-type-1{ position:relative; top: 0px; left: 120px; } .rsform-block-type-2{ position:relative; top:-20px; left: 450px; } .rsform-block-type-3{ position:relative; top:-40px; left: 780px; } </style>

Ik heb nu dus 3 radio groepen Greeploos, Landelijk en Tijdloos.
Hiervoor was het wel even nodig om de layout weer op auto te zetten.
Nu vraag ik mij wel af hoe ik er voor kan zorgen dat er maar 1 optie bijvoorbeeld Landelijk geselecteerd kan worden?
De bezoekers kunnen nu alle 3 selecteren en dat is niet de bedoeling.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
11 jaren 2 maanden geleden #2563 door Arjan
Beantwoord door Arjan in topic Re: RS Form Pro beginners vragen

Nu vraag ik mij wel af hoe ik er voor kan zorgen dat er maar 1 optie bijvoorbeeld Landelijk geselecteerd kan worden?
De bezoekers kunnen nu alle 3 selecteren en dat is niet de bedoeling.

Stom dat ik daar niet aan heb gedacht  :-[

Nee, dan moet je wel 1 radio groep maken.

Lekker ontspannen mensen helpen met hun website problemen.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Tijd voor maken pagina: 0.401 seconden
Gemaakt door Kunena