Adjusting the component look and feel

RSForm!Pro provides a very flexible and easy to control layout for your forms. The submissions listing page, through the Submissions Directory menu item, provides a configurable layout for the details section, while the general listing of submissions only has a basic fixed layout. In order to improve this listing you will need to use template overrides.

Template overrides offer tremendous flexibility in terms of content look and feel. Basically you can control any aspect - HTML output and CSS, without affecting the component's update process (changes to the source code would have been lost if an update occurred). As a drawback, this method requires a basic understanding of PHP, HTML and CSS.

How to create a template override

First you will need to navigate to System > Templates > Site Templates in Joomla! admin panel, then select the Cassiopeia Details and Files item.

  • Cassiopeia Template Files

Next you will need to switch to the "Create Overrides" tab and in the "Components" section select the component and section you want to create an override for.

  • The Submissions Directory menu item - directory
  • The Form menu item - rsform
  • The Submissions View menu item - submissions
  • Create the template override

After the selection, the correct folder tree will be created in your templates "html" folder and you can start editing the file through the "Editor" section. We will add a simple header to the general submissions listing page mentioning this is an override.

  • Edit the override file

After adding the header and saving your changes, just access the submissions listing page in the front-end to see the modifications.

  • View the results

Was this article helpful?

Yes No
Sorry about that