RS Form Pro beginners vragen

RS Form Pro beginners vragen 10 jaren 6 maanden geleden #1

Lusa
Onderwerp Auteur
Offline
Nieuw lid
Berichten: 9
Ontvangen bedankjes 0

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:

<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.

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Laast bewerkt: door Lusa.

Re: RS Form Pro beginners vragen 10 jaren 6 maanden geleden #2

Arjan Offline Platinum-lid Berichten: 1478 Ontvangen bedankjes 6	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.
	Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: RS Form Pro beginners vragen 10 jaren 6 maanden geleden #3

Lusa
Onderwerp Auteur
Offline
Nieuw lid
Berichten: 9
Ontvangen bedankjes 0

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:

<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:

<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.

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: RS Form Pro beginners vragen 10 jaren 6 maanden geleden #4

Arjan Offline Platinum-lid Berichten: 1478 Ontvangen bedankjes 6	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.
	Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: RS Form Pro beginners vragen 10 jaren 6 maanden geleden #5

Lusa
Onderwerp Auteur
Offline
Nieuw lid
Berichten: 9
Ontvangen bedankjes 0

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?

<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.

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: RS Form Pro beginners vragen 10 jaren 6 maanden geleden #6

Arjan Offline Platinum-lid Berichten: 1478 Ontvangen bedankjes 6	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.
	Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Onderwerp: