<% var frm = scraped||form; var fc = facade||{}; var setting = fc.setting||{}; var enhance = fc.enhance||{}; var ttl = {title:frm.title, description:frm.description}; var ottl = fc?.titles?.root||{}; %>

Title

Description
<% var hlp = frm.helpMark?frm.helpMark:ttl.help?ttl.help:(ttl.description?ttl.description:''); %>

<%-ottl.messageMark?ottl.messageMark:(hasCreatorOrEditor()?hlp:null)%>

<% var ntfuncs = ['TOTAL(','AMT(','AMOUNT('].filter(function(ntfunc){ if(ottl.messageMD) return ottl.messageMD.toUpperCase().indexOf(ntfunc)>=0; }); if(!user.neartail && ntfuncs.length>0){ %> Install Neartail addon for order forms. <% } %>

add_circle Banner

Banner image <% if(ottl.banner){ %> <% } %> <% if(ottl.banner){ %> <% } else{ %> <% } %>

Layout Style

<% var sellayout = enhance.layout || 'default'; var layouts = { '2column':{display:'Compact', image:'/img/3column.png'}, '1column':{display:'Comfortable', image:'/img/2column.png'}, 'default':{display:'Default', image:'/img/1column.png'} }; for(var lid in layouts){ var layout = layouts[lid]; %>

onchange="this.value=='default'&&this.checked?jQuery('#pills-colors-tab').hide():jQuery('#pills-colors-tab').show();jQuery('.form-appearance-layouts .card').removeClass('active-form-layout');jQuery(this).closest('.card').addClass('active-form-layout');"/> <%-layout.display%>

<% } %>

<% var thememap = getThemes(); var selname = getCurrentTheme(); var seltheme = thememap[selname]; var ttl = team?.info?.title||`${user?.displayName}'s Site`; %>

<%-selname%> Theme
Applies to all forms

Edit theme

Page title

<%-ttl%>

<% var attrs = {pri:'Primary color', sec:'Secondary color', head:'Heading', para:'Form fields'}; for(var anm in attrs){ %> <% } %>

Colors

Primary

<%=seltheme.pri%>

<%-selname !== 'colorful' ? 'Background' : 'Secondary'%> <% if(selname !== 'colorful'){ %> help_outline <% } %>

<%-seltheme.sec%>

<% if(selname === 'colorful') { %>

Background help_outline

<%-team?.info?.formbgcolor || '#ffffff'%>

<% } %>

Typography

Heading

<%-seltheme.head%>

Form fields

<%-seltheme.para%>

<% if(enhance.fontColor || enhance?.transparent || setting.primary || enhance.background || enhance.overimage || enhance.fontSize || enhance.field) { %>

add_circle Form specific style

Form specific style
Applies to this form

<% if(setting.primary){ %>

Primary color
Applies to all buttons in this form

<% } %> <% if(enhance.background){ %>

Background color for the form help_outline

<% } %> <% if(enhance.overimage){ %>

Background image <% if(enhance.overimage){ %> <% } %> <% if(enhance.overimage){ %> <% } else{ %> <% } %>

<% } %> <% if(enhance.fontSize){ %>

Font size <%=enhance.fontSize?enhance.fontSize:16%>px

<% } %> <% if(enhance.field){ %>

Background color for the form fields

<% } %> <% if(enhance.fontColor){ %>

Font color

<% } %> <% if(enhance.transparent) { %>

Transparent background onclick="jQuery('#transparentform').val(this.checked?'on':'off')"/>

<% } %>

<%} %>

Edit this form with Google Forms

Locale

Close this form onclick="jQuery('#closedform').val(this.checked?'on':'off');jQuery('textarea[name=closedmsg]').toggle()">

Show progress bar onclick="jQuery('#progressform').val(this.checked?'on':'off')">

<% if(hasCreatorOrEditor()){ %>

Submit to Google Forms onclick="jQuery('#formSubmission').val(this.checked?editFacade.serviceAccount():'')">

<% } %>

Custom CSS

<% if (enhance.js) { %>

Execute Javascript after displaying the form

<% } %>