<div class="form_field form_field-actions">
<input class="btn" type="submit" value="Submit">
<input class="btn" type="reset" value="Reset">
</div>
<div class="form_field form_field-actions">
{{#each actions}}
<input class="btn" type="{{ type }}" value="{{ value }}">
{{/each}}
</div>
{
"label": "Lorem ipsum",
"labelLong": "Lorem ipsum dolor sit amet",
"htmlText": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus at laoreet. Sed congue sollicitudin lacus vitae porttitor. Integer convallis maximus odio.</p>",
"htmlTextMedium": "<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt.</p>",
"htmlTextShort": "<p>Integer varius tincidunt purus at laoreet. Sed congue sollicitudin.</p>",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer varius tincidunt purus. Integer convallis maximus odio.",
"url": "#",
"videoUrl": "https://www.youtube.com/embed/roS6oFjCDhc",
"actions": [
{
"type": "submit",
"value": "Submit"
},
{
"type": "reset",
"value": "Reset"
}
]
}
There are some predefined form styles included in the framework. By default forms are simple and run from top to bottom. You can use the grid or other spacing utilities to further customize the form.
Form submit buttons are styled using the .btn
class.
Form Markup in the SilverStripe CMS is created by the system, for convenience there is a .ss-form
class that when wrapping a form will style it automagically.
<div class="ss-form">
$SilverStripeForm
</div>
See also the example in this documentation.