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 #2640 door Lusa
Beantwoord door Lusa in topic Re: RS Form Pro beginners vragen

Sorry, ik heb het bericht nu 6 keer gelezen maar begrijp even niet wat je wilt.

Als je bedoelt waar de begeleidende tekst moet komen, label, die plaatst RSform toch?

Voor mij een tijd geleden dat ik een formulier heb gemaakt.


Mijn excuses als mijn vraag onduidelijk is overgekomen.
Ik wil dat de tekst dichter bij de radio knop komt te staan.
De afstand tussen de radioknop en de tekst staat nu te ver uit elkaar.
Ik wil proberen het wat duidelijker uit te leggen rekening houdend dat het pakket voor mij ook nog vrij nieuw en onbekend is.

RSForm Pro component beschikt over een auto layout generator.
Als ik bijvoorbeeld een radioknop binnen RSForm pro aanmaak, dan word deze binnen de auto layout generator als block element toegevoegd.
Onderstaande block element word dan door de auto RSForm Pro layout generator aangemaakt.
Code:
</li> <li class="rsform-block rsform-block-type-keuken"> <div class="formCaption2">{Type Keuken:caption}</div> <div class="formBody">{Type Keuken:body}<span class="formClr">{Type Keuken:validation}</span></div> <div class="formDescription">{Type Keuken:description}</div>

De labels (als het goed is een inline element) zie je pas (onderstaande code) als je naar de website gaat en de bron met Firebug bekijkt.
Dit zie je dus niet terug in de RSForm Pro auto layout generator.
Op het RS Form Pro is daar ook eens een vraag over gesteld waarom de makers gebruik maken van formCaption2.
Het had een stuk eenvoudiger geweest als voor elke radio knop een aparte element in de auto layout generator werd aangemaakt.
Snap je hem nog..?
Code:
<li class="rsform-block rsform-block-type-keuken"> <div class="formCaption2">Type keuken</div> <div class="formBody"> <input id="Type Keuken0" type="radio" value="Greeploos" name="form[Type Keuken]"> <label for="Type Keuken0">Greeploos</label> <input id="Type Keuken1" type="radio" value="Landelijk" name="form[Type Keuken]"> <label for="Type Keuken1">Landelijk</label> <input id="Type Keuken2" type="radio" value="Tijdloos" name="form[Type Keuken]"> <label for="Type Keuken2">Tijdloos</label>

Mijn vraag is dus naar aanleiding van jouw reactie waarin je het volgende aangeeft.

Je drie radioknoppen staan in 1 blok dus het is logisch dat je die niet apart kan verplaatsen.
Om je tekst te verplaatsen zou ik van,

Code: [Selecteer]
<label for="Type Keuken0">Greeploos</label>dit maken,

Code: [Selecteer]
<label for="Type Keuken0a">Greeploos</label>Door nu een andere class aan de tekst te geven kan je hem anders "bewerken". Hoe er wel rekening mee dat je tekst wel in het blok van je radioknoppen staan.


Waar plaats ik dan de label for="Type Keuken0a"?
Ik vind het blijft lastig om het goed uit te leggen.
Laatst bewerkt 11 jaren 2 maanden geleden doorLusa.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Meer
11 jaren 2 maanden geleden #2642 door Arjan
Beantwoord door Arjan in topic Re: RS Form Pro beginners vragen
Nee, het is me nu wel duidelijk. Wist dus niet dat het word opgebouwd zonder dat je de label code ziet.
Dan kan je gebruik maken van
Code:
#Type Keuken0 label{}

Nu zijn er, wat mij betreft ook nog nieuw, codes in het css waar je misschien iets mee mee voor mekaar krijgt.
Code:
#Type Keuken0 > label{}
en ook
Code:
#Type Keuken0 [class*="label"] {}

Nu denk ik dat je alle teksten op dezelfde plek wilt hebben dus zou dit
Code:
#Type label{}
eigenlijk al genoeg moeten zijn.

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 #2709 door Lusa
Beantwoord door Lusa in topic Re: RS Form Pro beginners vragen

Nee, het is me nu wel duidelijk. Wist dus niet dat het word opgebouwd zonder dat je de label code ziet.
Dan kan je gebruik maken van

Code:
#Type Keuken0 label{}

Nu zijn er, wat mij betreft ook nog nieuw, codes in het css waar je misschien iets mee mee voor mekaar krijgt.
Code:
#Type Keuken0 > label{}
en ook
Code:
#Type Keuken0 [class*="label"] {}

Nu denk ik dat je alle teksten op dezelfde plek wilt hebben dus zou dit
Code:
#Type label{}
eigenlijk al genoeg moeten zijn.


Bedankt voor je hulp!
Ik denk dat ik op dit moment hier wel mee verder kom.
Het is nog wel even uitzoeken waarom de CSS code #Type label niet opgepakt word.
Ik vind wel de layout van een formulier aanpassen blijft een grote uitdaging.

Graag Inloggen of een account aanmaken deelnemen aan het gesprek.

Tijd voor maken pagina: 0.372 seconden
Gemaakt door Kunena