forms:officeuseregion
AJAX
ajax:delayedload ajax:event ajax:navigation ajax:region
Data
data:calendar data:column data:eventrepeater data:postrepeater data:productbrandrepeater data:productcategoryrepeater data:productrepeater data:repeater data:table data:template data:tree
Forms
forms:address forms:captcha forms:checkbox forms:checkboxgroup forms:codeeditor forms:combobox forms:datepicker forms:dialogbox forms:editbox forms:fileupload forms:form forms:hidden forms:money forms:officeuseregion
ATTRIBUTES
EXAMPLES
forms:option forms:password forms:paymentmethod forms:radiobutton forms:radiobuttongroup forms:row forms:searchbox forms:signature forms:slider forms:spinbox forms:submitbutton forms:submitimage forms:submitlink forms:successcontent forms:textarea forms:timepicker
Layout
layout:gallery layout:productgallery layout:rotator layout:stepper layout:stepperpanel layout:tablist layout:tablistitem
Logic
logic:dependency logic:else logic:if logic:include logic:parse logic:variable
Navigation
navigation:breadcrumbs navigation:item navigation:primary navigation:secondary
Personalisation
personalisation:firstname personalisation:fullname personalisation:lastname personalisation:other
Standard
standard:audio standard:embed standard:icon standard:image standard:link standard:script standard:tooltip standard:video
Templates
templates:button templates:card templates:column templates:fancybox templates:faq templates:flexlayout templates:header templates:row templates:section templates:styles templates:teammember templates:testimonial
Regions
regions:content regions:contentadditional regions:security regions:togglable
Third Party
thirdparty:googlemap thirdparty:googlemapmarker

<forms:officeuseregion> </...>

Defines a region for 'Office Use Only'. Administrators viewing this form in the admin area can see the contents of this region, and save additional data for the fields you define.

Content

any
Contains other Form controls, as well as any formatting required.

Attributes

id
string
Give this control a unique id. Can be accessed in the client DOM (eg, document.getElementById('myid') or in the server DOM using [? $myid ?] or [? $('myid') ?]).

Examples

Request Callback Form

Demonstrates a form where administrator can save additional data for the form.

HTML:

<forms:form id="request_callback" recordsubmissions="true" contactmode="store" method="ajax" onsubmitemail="true" onsubmitemailsubject="Request Callback"> <forms:row label="First Name" type="one_column"> <forms:editbox id="contact_first_name" validations="mandatory" /> </forms:row> <forms:row label="Last Name" type="one_column"> <forms:editbox id="contact_last_name" validations="mandatory" /> </forms:row> <forms:row label="Email Address" type="one_column"> <forms:editbox id="contact_email" validations="mandatory,email" transformations="tolower" /> </forms:row> <forms:row type="one_column" label="Phone Number"> <forms:editbox id="contact_phone" width="100%" /> </forms:row> <forms:row label="How can we help you?" type="one_column"> <forms:textarea id="message" height="130" validations="mandatory" /> </forms:row> <forms:officeuseregion> <forms:row label="How did you resolve it?" type="one_column"> <forms:editbox id="quick_reply" /> </forms:row> <forms:row type="two_column" label="Mode of response"> <forms:combobox id="mode_of_response"> <forms:option value="email">Sent via Email</forms:option> <forms:option value="phone">By Phone Call</forms:option></forms:combobox> </forms:row> <forms:row type="two_column" label="Was the issue resolved?"> <forms:radiobuttongroup name="is_resolved" validations="mandatory" align="horizontal"> <forms:radiobutton valuechecked="Yes" label="Yes" /> <forms:radiobutton valuechecked="No" label="No" /> <forms:radiobutton valuechecked="Undecided" label="Undecided" /> </forms:radiobuttongroup> </forms:row> </forms:officeuseregion> <forms:row type="one_column"> <forms:submitbutton>SUBMIT</forms:submitbutton> </forms:row> <forms:successcontent> <templates:section> <standard:icon library="fontawesome" size="4" style="width: 131px; height: 131px; margin-left: auto; margin-right: auto; display: block; color: #75d776" iconname="circle-check" iconstyle="regular" /> <p><br /></p> <h2 style="text-align: center;">Thank you! We've received your submission.</h2> <p style="text-align: center;">One of our staff will get back to you shortly.</p> </templates:section> </forms:successcontent> </forms:form>