Skip to content

4.) New Partial Example

Allen Royston edited this page Jul 30, 2018 · 2 revisions

html/partials/example/example.html

<!-- EXAMPLE TEMPLATE -->
<tr>
  <td width="[m_width]" bgcolor='[bgcolor]'>
      [text]
  </td>
</tr>

html/partials/example/default.json

{
  "name": "Example",
  "metadata": {
    "type": "images"
  },    
  "content": [
    {
      "title": "background color",
      "key": "bgcolor",
      "value": "#f2f2f2",
      "type": "inputcolor"
    },
    {
      "title": "text",
      "key": "text",
      "value": "Lorem ipsum",
      "type": "textarea"
    }
  ]
}

Add a global variable

Using a global is super easy. Click here to see an example.

JSON Properties

title: Can be named anything and will appear on the site as the field name.

key: Can be named anything but must match the HTML value for a proper swap. There are certain keywords that should be used whenever possible. See list below for a complete breakdown of shared properties.

value: Their starting default value. If you want to default to a global variable (for example, g_color1), then simply place them in brackets. (i.e. [g_color2]). For a complete list of global variables see below.

type: There are several types. Use one which is best applicable to your property.

  • textarea [for HTML]
  • input [for any type of input]
  • inputpx [for strict number input]
  • inputcolor [for color input]
  • inputfontweight [for 'bold', 'normal', 'light']
  • inputfont [for input various webfonts selector]
  • dropdownalignment [for 'left', 'right', 'center', 'justified']

Clone this wiki locally