RSjoomla! - Quality Joomla! Components

My Account






Lost Password?
No account yet? Register

Newsletter Subscribe

If you would like to be one of the first people to hear about the release of our new components then make sure you have subscribed to our announcements list! We won't bug you with unnecessary stuff.




RSform! Logo User Guide
RSform! - Form management component » Manage forms » Changing the form appearance

Changing the form appearance 

In this chapter we'll describe how to change the form appearance. First of all you have to understand how RSform parses the code. Edit your form and go to Form Style. You can see there the Edit the form style textarea. That acts as a container, and the {formfields} placeholder will be replaced with the fields' html code.

This example will change the form style appearance.

  1. Change the code inside the Edit the form style textarea to:
    <h2>{formtitle}</h2>
    <div class="forme">
    {formfields}
    </div>
  2. Now that we have created the container, lets focus on the fields. The fields placeholders are:
    • {fieldtitle} - the field title
    • {validationsign} - the * validation sign for mandatory fields
    • {field} - the field itself
    • {fielddesc} - the field description (if any)

    Create a new field, and in it's Field Style textarea, replace the existing code with:
    <div class="field">
        <strong>{fieldtitle} {validationsign}</strong>
        {field}
    </div>
  3. The result for a form with 3 fields will be:
<h2>{formtitle}</h2>
<div class="forme">
<div class="field">
    <strong>{fieldtitle} {validationsign}</strong>
    {field}
</div>
 <div class="field">
    <strong>{fieldtitle} {validationsign}</strong>
    {field}
</div>
<div class="field">
    <strong>{fieldtitle} {validationsign}</strong>
    {field}
</div>
</div>