golden hour

/home/phakp/public_html/formtools/modules/form_builder/default_template_sets

File/Folder	Size	Actions
conformist-1.2.json	17.35 KB
default-1.2.json	13.85 KB
illuminate-1.1.json	19.43 KB
prosimple-1.3.json	15.3 KB
theme-default-1.1.json	10.78 KB

Edit: prosimple-1.3.json

{
  "schema_version": "1.0.0",
  "template_set_name": "ProSimple",
  "template_set_version": "1.3",
  "description": "A simple, professional-looking and attractive grey-themed Template Set without a header. It contains placeholders to let you choose the highlight colour, font and font size. Labels are placed directly above the fields to provide clear identification.",
  "last_updated": "2012-02-02 16:22:35",
  "templates": {
    "page_layout": [
      {
        "template_name": "Page Layout",
        "content": "{{header}}\n{{page}}\n{{footer}}"
      }
    ],
    "header": [
      {
        "template_name": "Header",
        "content": "<!DOCTYPE html>\n<html>\n<head>\n  <title>{{$form_name}}</title>\n  {{$required_resources}}\n  {{$R.styles}}\n  <script>\n  $(function() {\n    $(\"input,textarea,select\").bind(\"focus\", function() {\n      $(this).closest(\"form\").find(\".ts_field\").removeClass(\"ts_field_row_selected\");\n      $(this).closest(\".ts_field\").addClass(\"ts_field_row_selected\");\n    });\n    $(\":text:visible:enabled:first\").focus();\n  });\n  </script>\n</head>\n<body>\n  <div class=\"ts_page\" style=\"width:800px\">\n    <div class=\"ts_content\">\n"
      }
    ],
    "footer": [
      {
        "template_name": "Footer",
        "content": "</div> \n</div> \n\n</body>\n</html>"
      }
    ],
    "form_page": [
      {
        "template_name": "Form Page",
        "content": "{{navigation}}\n\n{{form_builder_edit_link}}\n\n<h2>{{$page_name}}</h2>\n\n{{error_message}}\n\n<form action=\"{{$page_url}}\" method=\"post\" enctype=\"multipart/form-data\" \n  id=\"ts_form_element_id\" name=\"edit_submission_form\">\n  <input type=\"hidden\" id=\"form_tools_published_form_id\" value=\"{{$published_form_id}}\" />\n{{foreach from=$grouped_fields key=k item=curr_group name=row}}\n  {{assign var=group value=$curr_group.group}}\n  {{assign var=fields value=$curr_group.fields}}\n  \n  <a name=\"s{{$group.group_id}}\"></a>\n  {{if $group.group_name}}\n    <h3>{{$group.group_name|upper}}</h3>\n  {{else}}\n    <br />\n  {{/if}}\n\n  {{foreach from=$fields item=curr_field}}\n    <ul class=\"ts_field\">\n      <li class=\"ts_field_label\">\n        {{$curr_field.field_title}}\n        <span class=\"req\">{{if $curr_field.is_required}}*{{/if}}</span>\n      </li>\n      <li>\n        {{edit_custom_field form_id=$form_id field_info=$curr_field field_types=$field_types\n          settings=$settings submission_id=$submission_id}}\n      </li>\n    </ul>\n  {{/foreach}}\n\n  {{if $fields|@count > 0}}\n    <br />\n  {{/if}}\n{{/foreach}}\n\n{{continue_block}}\n    \n</form>"
      }
    ],
    "review_page": [
      {
        "template_name": "Review Page",
        "content": "{{navigation}}\n\n{{form_builder_edit_link}}\n\n<h2>{{$review_page_title}}</h2>\n\n<p>\n  Please review the information below to confirm it is correct. If you need to edit any\n  values, just click the EDIT link at the top right of the section.\n</p>\n\n<form action=\"{{$page_url}}\" method=\"post\" enctype=\"multipart/form-data\">\n{{foreach from=$grouped_fields item=curr_group}}\n  {{assign var=group value=$curr_group.group}}\n  {{assign var=fields value=$curr_group.fields}}\n\n  {{if $fields|@count > 0}}\n  <h3><a href=\"?page={{$group.custom_data|default:1}}#s{{$group.group_id}}\">EDIT</a>{{$group.group_name|upper}}</h3>\n \n    <table class=\"ts_review_table\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\">\n  {{/if}}\n\n  {{foreach from=$fields item=curr_field}}\n    <tr>\n      <td valign=\"top\" width=\"200\">{{$curr_field.field_title}}</td>\n      <td valign=\"top\">\n        {{edit_custom_field form_id=$form_id submission_id=$submission_id\n          field_info=$curr_field field_types=$field_types settings=$settings}}\n      </td>\n    </tr>\n  {{/foreach}}\n\n  {{if $fields|@count > 0}}\n    </table>\n    \n    <br />\n  {{/if}}\n{{/foreach}}\n\n{{continue_block}}\n\n</form>\n"
      }
    ],
    "thankyou_page": [
      {
        "template_name": "Thankyou Page",
        "content": "{{navigation}}\n\n{{form_builder_edit_link}}\n\n{{$thankyou_page_content}}\n"
      }
    ],
    "form_offline_page": [
      {
        "template_name": "Form Offline Page",
        "content": "{{$form_offline_page_content}}"
      }
    ],
    "continue_block": [
      {
        "template_name": "Continue - Simple",
        "content": "<div>\n  <input type=\"submit\" name=\"form_tools_continue\" value=\"Continue\" />\n</div>"
      },
      {
        "template_name": "Continue - Detailed",
        "content": "<div class=\"ts_continue_block\">\n  <input type=\"submit\" value=\"Continue\" name=\"form_tools_continue\">  \n  This is page <b>{{$current_page}}</b> of <b>{{$num_pages}}</b>. You must complete all steps in order for your submission to be processed. Please click continue.\n</div>\n"
      }
    ],
    "navigation": [
      {
        "template_name": "Navigation - 1",
        "content": "<ul id=\"css_nav\" class=\"nav_{{$nav_pages|@count}}_pages\">\n  {{foreach from=$nav_pages item=page_info name=row}}\n    {{assign var=i value=$smarty.foreach.row.iteration}}\n    {{if $current_page > $i && $current_page != $num_pages}}\n      <li><a href=\"?page={{$i}}\">{{$page_info.page_name}}</a></li>\n    {{elseif $current_page == $i || $current_page == $num_pages}}\n      <li class=\"css_nav_current_page\">{{$page_info.page_name}}</li>\n    {{else}}\n      <li>{{$page_info.page_name}}</li>\n    {{/if}}\n  {{/foreach}}\n</ul>"
      },
      {
        "template_name": "Navigation - 2",
        "content": "<ul id=\"css_nav\" class=\"nav_{{$nav_pages|@count}}_pages\">\n  {{foreach from=$nav_pages item=page_info name=row}}\n    {{assign var=i value=$smarty.foreach.row.iteration}}\n    {{if $current_page > $i && $current_page != $num_pages}}\n      <li><a href=\"{{$filename}}?page={{$i}}\">{{$i}}. {{$page_info.page_name}}</a></li>\n    {{elseif $current_page == $i || $current_page == $num_pages}}\n      <li class=\"css_nav_current_page\">{{$i}}. {{$page_info.page_name}}</li>\n    {{else}}\n      <li>{{$i}}. {{$page_info.page_name}}</li>\n    {{/if}}\n  {{/foreach}}\n</ul>"
      },
      {
        "template_name": "Navigation - 3",
        "content": "<ul id=\"css_nav\" class=\"nav_{{$nav_pages|@count}}_pages\">\n  {{foreach from=$nav_pages item=page_info name=row}}\n    {{assign var=i value=$smarty.foreach.row.iteration}}\n    {{if $current_page > $i && $current_page != $num_pages}}\n      <li><a href=\"{{$filename}}?page={{$i}}\">&raquo; {{$page_info.page_name}}</a></li>\n    {{elseif $current_page == $i || $current_page == $num_pages}}\n      <li class=\"css_nav_current_page\">&raquo; {{$page_info.page_name}}</li>\n    {{else}}\n      <li>&raquo; {{$page_info.page_name}}</li>\n    {{/if}}\n  {{/foreach}}\n</ul>"
      },
      {
        "template_name": "Navigation - None",
        "content": ""
      }
    ],
    "error_message": [
      {
        "template_name": "Error Message",
        "content": "{{if $validation_error}}\n  <div class=\"fb_error\">{{$validation_error}}</div>\n{{/if}}\n"
      }
    ]
  },
  "resources": {
    "css": [
      {
        "resource_name": "General Styles",
        "placeholder": "styles",
        "content": "{{if $P.colours == \"Blue\"}}\n  {{assign var=header_bg value=\"#388ef4\"}}\n  {{assign var=border_colour value=\"#C4DFFF\"}}\n  {{assign var=selected_row_bg value=\"#d5e8ff\"}}\n  {{assign var=selected_row_bottom value=\"#d5e8ff\"}}\n  {{assign var=content_border value=\"#94c5fe\"}}\n  {{assign var=continue_block_colour value=\"#f1f7ff\"}}\n{{elseif $P.colours == \"Green\"}}\n  {{assign var=header_bg value=\"#0b9c00\"}}\n  {{assign var=border_colour value=\"#e7ffe5\"}}\n  {{assign var=selected_row_bg value=\"#d9f4cb\"}}\n  {{assign var=selected_row_bottom value=\"#d9f4cb\"}}\n  {{assign var=content_border value=\"#ade0aa\"}}\n  {{assign var=continue_block_colour value=\"#E9F9E7\"}}\n{{elseif $P.colours == \"Purple\"}}\n  {{assign var=header_bg value=\"#ac52ce\"}}\n  {{assign var=border_colour value=\"#f7e0ff\"}}\n  {{assign var=selected_row_bg value=\"#f6dfff\"}}\n  {{assign var=selected_row_bottom value=\"#f6dfff\"}}\n  {{assign var=content_border value=\"#e9c1f8\"}}\n  {{assign var=continue_block_colour value=\"#ffffcc\"}}\n{{elseif $P.colours == \"Orange\"}}\n  {{assign var=header_bg value=\"#ffa904\"}}\n  {{assign var=border_colour value=\"#ffa904\"}}\n  {{assign var=selected_row_bg value=\"#ffd789\"}}\n  {{assign var=selected_row_bottom value=\"#ffa904\"}}\n  {{assign var=content_border value=\"#CE911A\"}}\n  {{assign var=continue_block_colour value=\"#f1f7ff\"}}\n{{/if}}\n\nbody {\n  text-align: center;\n  padding: 0px;\n  margin: 0px;\n  background-color: #999999;\n}\ntd, th, p, input, textarea, select,ul,li,div, span {\n  font-family: {{$P.font}};\n  font-size: {{$P.font_size}};\n  color: #555555;\n}\ntd, th, p, textarea, ul,li, div {\n  line-height: 22px;\n}\na:link, a:visited {\n  color: #336699;\n}\ntable {\n  empty-cells: show;\n}\n#form_builder__edit_link {\n  float: right;\n}\n.req {\n  color: #aa0000;\n}\n.fb_error {\n  margin-top: 16px;\n  padding: 8px;\n  box-shadow: 1px 2px 2px #878787;\n  background-color: #ffefef;\n}\n\n\n/* page sections */\n.ts_page:after {\n  -moz-transform: translate(0pt, 0pt);\n  background: none repeat scroll 0 0 transparent;\n  border-radius: 20px 20px 20px 20px;\n  box-shadow: 15px 0 30px rgba(0, 0, 0, 0.2);\n  content: \"\";\n  left: 0;\n  position: absolute;\n  width: 100%;\n  z-index: -2;\n}\n.ts_page {\n  margin: 20px auto 0px;\n  background: #ccc;\n  position:relative;\n  box-shadow: 1px 6px 11px rgba(0, 0, 0, 0.36);\n  -moz-box-shadow: 1px 6px 11px rgba(0, 0, 0, 0.36);\n  -webkit-box-shadow: 1px 6px 11px rgba(0, 0, 0, 0.36);\n  text-align: left;\n  border: 5px solid {{$border_colour}};\n}\n.ts_header {\n  background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);\n  border: 3px solid #CCCCCC;\n  height: 140px;\n  background: #3a3a3a; /* Old browsers */\n  background: -moz-linear-gradient(45deg,  #777777 0%, #999999 100%); /* FF3.6+ */\n  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#3a3a3a), color-stop(100%,#4f4f4f)); /* Chrome,Safari4+ */\n  background: -webkit-linear-gradient(45deg,  #3a3a3a 0%,#4f4f4f 100%); /* Chrome10+,Safari5.1+ */\n  background: -o-linear-gradient(45deg,  #3a3a3a 0%,#4f4f4f 100%); /* Opera 11.10+ */\n  background: -ms-linear-gradient(45deg,  #3a3a3a 0%,#4f4f4f 100%); /* IE10+ */\n  background: linear-gradient(45deg,  #3a3a3a 0%,#4f4f4f 100%); /* W3C */\n  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#4f4f4f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */\n  box-shadow: 0 1px 12px rgba(0, 0, 0, 0.1);\n}\n.ts_header h1 {\n  margin: 56px 50px;\n  padding: 0px;\n  font-size: 20px;\n  color: white;\n}\n.ts_content {\n  background-color: white;\n  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);\n  padding: 25px 50px;\n  border: 1px solid {{$content_border}};\n}\n.ts_continue_block {\n  margin-top: 16px;\n  padding: 8px;\n  box-shadow: 1px 2px 2px #878787;\n  background-color: {{$continue_block_colour}};\n}\n.ts_continue_block input {\n  float: right;\n}\n.ts_field_row_selected {\n  background-color: {{$selected_row_bg}};\n  border-bottom: 1px solid {{$selected_row_bottom}};\n}\n.ts_continue_button {\n  margin-top: 12px;\n}\n.highlighted_cell {\n  color: #990000;\n  background-color: #ffffee;\n  text-align: center;\n}\n.light_grey {\n  color: #999999;\n}\n.ts_field {\n  border-bottom: 1px solid #efefef;\n  padding: 10px 6px 15px;\n  list-style: none;\n  margin: 0px;\n}\n.ts_review_table td {\n  border-bottom: 1px solid #efefef;\n  padding: 3px 5px 2px;\n}\nh2 {\n  font-size: 24px;\n}\nh3 {\n  background-color: {{$header_bg}};\n  color: white;\n  font-size: 12px;\n  font-weight: normal;\n  margin-bottom: 0;\n  padding: 1px 0 0 5px;\n  height: 22px;\n}\nh3 a:link, h3 a:visited {\n  background-color: white;\n  -webkit-border-radius: 2px;\n  -moz-border-radius: 2px;\n  border-radius: 2px;\n  color: black;\n  float: right;\n  line-height: 17px;\n  margin-right: 3px;\n  margin-top: 2px;\n  padding: 0 8px;\n  text-decoration: none;\n}\nh3 a:hover {\n  -webkit-border-radius: 2px;\n  -moz-border-radius: 2px;\n  border-radius: 2px;\n}\n\n/* navigation */\nul#css_nav {\n  clear: both;\n  width:100%;\n  margin: 0px;\n  padding: 0px;\n  overflow: hidden;\n}\nul#css_nav li {\n  float: left;\n  background-color: #efefef;\n  -webkit-border-radius: 2px;\n  -moz-border-radius: 2px;\n  border-radius: 2px;\n  list-style: none;\n  text-align:center;\n  margin: 0px 2px 20px 0px;\n  color: #666666;\n  font-size: 11px;\n  line-height: 20px;\n}\nul#css_nav li.css_nav_current_page {\n  background-color: #999999;\n  color: white;\n}\nul#css_nav li a:link, ul#css_nav li a:visited {\n  display: block;\n  text-decoration: none;\n  color: white;\n  background-color: #999999;\n  -webkit-border-radius: 2px;\n  -moz-border-radius: 2px;\n  border-radius: 2px;\n}\nul#css_nav li a:hover {\n  -webkit-border-radius: 2px;\n  -moz-border-radius: 2px;\n  border-radius: 2px;\n}\n.nav_1_pages li {\n  width: 100%;\n}\n.nav_2_pages li {\n  width: 50%;\n}\n.nav_3_pages li {\n  width: 33%;\n}\n.nav_4_pages li {\n  width: 24.7%;\n}\n.nav_5_pages li {\n  width: 19.5%;\n}\n.nav_6_pages li {\n  width: 16%;\n}\n.nav_7_pages li {\n  width: 13%;\n}\n.nav_8_pages li {\n  width: 12%;\n}\n\n/* notifications */\n.notify {\n  border: 1px solid #336699;\n  background-color: #ffffee;\n  color: #336699;\n  padding: 8px;\n  width: 400px;\n}\n.notify li { color: #336699; }\n.error {\n  font-size: 8pt;\n  border: 1px solid #cc0000;\n  background-color: #ffffee;\n  color: #cc0000;\n  padding: 8px;\n  width: 550px;\n}\n.error span {\n  color: #cc0000;\n  font-weight: bold;\n  margin-bottom: 4px;\n}\n\n/* for the code / markup editor */\n.editor {\n  background-color: white;\n  border: 1px solid #999999;\n  padding: 3px;\n}\nul#css_nav li a:hover {\n  background-color: #2e425a;\n}\nh3 a:hover {\n  background-color: #c9e2ff;\n  color: black;\n}\n"
      }
    ]
  },
  "placeholders": [
    {
      "placeholder_label": "Colour Palette",
      "placeholder": "colours",
      "field_type": "select",
      "field_orientation": "na",
      "default_value": "Green",
      "options": [
        {
          "option_text": "Blue"
        },
        {
          "option_text": "Green"
        },
        {
          "option_text": "Orange"
        },
        {
          "option_text": "Purple"
        }
      ]
    },
    {
      "placeholder_label": "Font",
      "placeholder": "font",
      "field_type": "select",
      "field_orientation": "na",
      "default_value": "Verdana",
      "options": [
        {
          "option_text": "Arial"
        },
        {
          "option_text": "Georgia, Verdana"
        },
        {
          "option_text": "\"Lucida Grande\",\"Lucida Sans Unicode\", Tahoma, sans-serif"
        },
        {
          "option_text": "Tahoma"
        },
        {
          "option_text": "Verdana"
        }
      ]
    },
    {
      "placeholder_label": "Font Size",
      "placeholder": "font_size",
      "field_type": "select",
      "field_orientation": "na",
      "default_value": "9pt",
      "options": [
        {
          "option_text": "8pt"
        },
        {
          "option_text": "9pt"
        },
        {
          "option_text": "10pt"
        },
        {
          "option_text": "11pt"
        },
        {
          "option_text": "12pt"
        }
      ]
    }
  ]
}