---
title: "Templating with fluid"
version: "4.0"
permalink: "https://docs.typo3.org/permalink/ameos/ameos_form:templating@4.0"
source: "Templating/Index.rst"
rendered: "2026-11-13T14:41:18+00:00"
---

# Templating with fluid {#templating}

<!-- TODO: no Markdown rendering for "only" -->

**Table of content:**

## Templating a form {#templating-form}

Example :

Php code

```
$form = $this->formService->create('tx_myplugin', $mymodel, $this->request);
$form->add('name', 'text')->add('email', 'email')->add('submit', 'submit', ['label' => 'Send']);
if ($form->isSubmitted()) {
	$form->addConstraint('name', 'required', 'Name is mandatory')->addConstraint('email', 'email', 'Email is not valid');
	...
}
$this->view->assign('form', $form);

```

Template html

```
{namespace form=Ameos\AmeosForm\ViewHelpers}
<form:form form="{form}">
	<f:if condition="{errors}">
		<div class="errors">
			<f:for each="{errors}" as="error">
				<span class="error">{error}</span>
			</f:for>
		</div>
	</f:if>
	<div class="form">
		<p><label for="tx_myplugin_name"><f:translate key="name" /></label>{name}</p>
		<p><label for="tx_myplugin_email"><f:translate key="email" /></label>{email}</p>
		<p><form:element element="{submit}" class="button" />
	</div>
</form:form>

```

## Templating a searchform {#templating-searchform}

Example :

Php code (search action)

```
$searchform = $this->formService->create('tx_myplugin_search', $this->myModelRepository, $this->request);
$searchform->add('name', 'text');
$searchform->add('email', 'email');
$searchform->add('submit', 'submit', ['label' => 'Search']);

$this->view->assign('searchform', $searchform);
$this->view->assign('results', $searchform->getResults('name'));

```

Template html

```
{namespace form=Ameos\AmeosForm\ViewHelpers}
<form:form form="{searchform}">
	<div class="form">
		<p><label for="tx_myplugin_search_name"><f:translate key="name" /></label>{name}</p>
		<p><label for="tx_myplugin_search_email"><f:translate key="email" /></label>{email}</p>
		<p><form:element element="{submit}" class="button" /></p>
	</div>
</form:form>
<f:for each="{results}" as="record">
	<p>{record.name}</p>
</f:for>

```

## Rendering all the elements {#templating-compiled}

Inside the form tag, `<form:compiledForm form="{form}" />` renders all the elements in the order they were added.

The element variables (`{name}`) render the HTML of the element. `<form:element>` accepts `class`,
`errorClass`, `placeholder`, `style` and `custom` arguments overriding the element configuration.
Each element also provides `{name.renderingInformation}` (value, errors, required, htmlid...) to build
your own markup.