PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Styling Forms, Inline fields

  1. aidilism
    Member

    Hi there.

    Need help in the styling of my forms:-
    1. http://www.riverwalktandoor.com.sg/wordpress/?page_id=291
    2. http://www.riverwalktandoor.com.sg/wordpress/?page_id=289

    How do I make the Label and Field to be in the same line on these pages as well as the confirmation / email reply?

    Thank you.

    Posted 12 years ago on Tuesday July 12, 2011 | Permalink
  2. There is a left/right label option in the form settings if you prefer the labels along side the inputs rather than above them.

    http://www.gravityhelp.com/documentation/page/Form_Settings

    For the notification emails, If you use the default {all_fields} merge code, that is automatically formatted and you can't change the layout. However, the notification emails support HTML so you can format them however you would like using the individual merge codes for each field.

    http://www.gravityhelp.com/documentation/page/Notifications

    You would end up with some custom HTML markup like this example..

    <table>
    	<tbody>
    		<tr>
    			<td><strong>Name:</strong> {Name (First):7.3} {Name (Last):7.6}</td>
    		</tr>
    		<tr><
    			td><strong>Email:</strong> {Address (Street Address):8.1}{Email:6}</td>
    		</tr>
    		<tr>
    			<td><strong>Street Address:</strong> {Address (Street Address):8.1}</td>
    		</tr>
    	</tbody>
    </table>
    Posted 12 years ago on Tuesday July 12, 2011 | Permalink
  3. aidilism
    Member

    Hi there. Thank you for the quick reply.

    In regards to the field names (for notifications), how do I identify it? e.g. {Address (Street Address):8.1}

    Thank you.

    Posted 12 years ago on Tuesday July 12, 2011 | Permalink
  4. They're unique for each form and will be available to add from the select box directly above the notification message box.

    screenshot: http://bit.ly/qxHHu0

    Posted 12 years ago on Tuesday July 12, 2011 | Permalink