[
  {
    "type": "color_picker_rgba",
    "key": "color",
    "initial_value": "rgba(255,255,255, 1)",
    "label": "Text color"
  },
  {
    "type": "text_style",
    "key": "html",
    "label": "HTML Styles",
    "label_tooltip": "Use '\\n' to to add line breaks. List of tags supported by this plugin: p, b, strong, i, em, u, s, strike, h1, h2, h3, h4, h5, h6",
    "form_configuration": {
      "sections": [
        {
          "label": "Headlines styles",
          "key": "headlines",
          "fields": [
            {
              "type": "android_font_selector",
              "label": "Android font family",
              "key": "androidFontFamily"
            },
            {
              "type": "tvos_font_selector",
              "label": "TVOS font family",
              "key": "tvosFontFamily"
            },
            {
              "type": "color_picker_rgba",
              "key": "color",
              "label": "Color",
              "initial_value": "rgba(255,255,255, 1)"
            },
            {
              "type": "number_input",
              "label": "H1 font size",
              "key": "h1FontSize",
              "initial_value": 40
            },
            {
              "type": "number_input",
              "label": "H2 font size",
              "key": "h2FontSize",
              "initial_value": 36
            },
            {
              "type": "number_input",
              "label": "H3 font size",
              "key": "h3FontSize",
              "initial_value": 32
            },
            {
              "type": "number_input",
              "label": "H4 font size",
              "key": "h4FontSize",
              "initial_value": 28
            },
            {
              "type": "number_input",
              "label": "H5 font size",
              "key": "h5FontSize",
              "initial_value": 26
            },
            {
              "type": "number_input",
              "label": "H6 font size",
              "key": "h6FontSize",
              "initial_value": 24
            }
          ]
        },
        {
          "label": "P style",
          "key": "p",
          "fields": [
            {
              "type": "android_font_selector",
              "label": "Android font family",
              "key": "androidFontFamily"
            },
            {
              "type": "tvos_font_selector",
              "label": "TVOS font family",
              "key": "tvosFontFamily"
            },
            {
              "type": "number_input",
              "label": "Font size",
              "key": "fontSize",
              "initial_value": 23
            },
            {
              "type": "color_picker_rgba",
              "key": "color",
              "label": "Color",
              "initial_value": "rgba(255,255,255, 1)"
            }
          ]
        },
        {
          "label": "Bold style",
          "key": "b",
          "fields": [
            {
              "type": "android_font_selector",
              "label": "Android font family",
              "key": "androidFontFamily"
            },
            {
              "type": "tvos_font_selector",
              "label": "TVOS font family",
              "key": "tvosFontFamily"
            },
            {
              "type": "color_picker_rgba",
              "key": "color",
              "label": "Color",
              "initial_value": "rgba(255,255,255, 1)"
            }
          ]
        },
        {
          "label": "Italic style",
          "key": "i",
          "fields": [
            {
              "type": "android_font_selector",
              "label": "Android font family",
              "key": "androidFontFamily"
            },
            {
              "type": "tvos_font_selector",
              "label": "TVOS font family",
              "key": "tvosFontFamily"
            },
            {
              "type": "color_picker_rgba",
              "key": "color",
              "label": "Color",
              "initial_value": "rgba(255,255,255, 1)"
            }
          ]
        },
        {
          "label": "Underline style",
          "key": "u",
          "fields": [
            {
              "type": "android_font_selector",
              "label": "Android font family",
              "key": "androidFontFamily"
            },
            {
              "type": "tvos_font_selector",
              "label": "TVOS font family",
              "key": "tvosFontFamily"
            },
            {
              "type": "color_picker_rgba",
              "key": "color",
              "label": "Color",
              "initial_value": "rgba(255,255,255, 1)"
            }
          ]
        },
        {
          "label": "Strikethrough style",
          "key": "s",
          "fields": [
            {
              "type": "android_font_selector",
              "label": "Android font family",
              "key": "androidFontFamily"
            },
            {
              "type": "tvos_font_selector",
              "label": "TVOS font family",
              "key": "tvosFontFamily"
            },
            {
              "type": "color_picker_rgba",
              "key": "color",
              "label": "Color",
              "initial_value": "rgba(255,255,255, 1)"
            }
          ]
        }
      ]
    }
  },
  {
    "group": true,
    "label": "Margin",
    "folded": true,
    "fields": [
      {
        "type": "number_input",
        "key": "marginTop",
        "initial_value": 100,
        "label": "Margin top"
      },
      {
        "type": "number_input",
        "key": "marginLeft",
        "initial_value": 130,
        "label": "Margin left"
      },
      {
        "type": "number_input",
        "key": "marginRight",
        "initial_value": 50,
        "label": "Margin right"
      },
      {
        "type": "number_input",
        "key": "marginBottom",
        "initial_value": 0,
        "label": "Margin bottom"
      }
    ]
  },
  {
    "group": true,
    "label": "Buttons",
    "folded": true,
    "fields": [
      {
        "type": "switch",
        "key": "isShowButtons",
        "label": "Show buttons",
        "label_tooltip": "Enables buttons to scroll content",
        "initial_value": true
      },
      {
        "key": "upButton",
        "type": "uploader",
        "label": "Up button icon",
        "rules": "conditional",
        "conditional_fields": [
          {
            "key": "styles/isShowButtons",
            "condition_value": true
          }
        ]
      },
      {
        "key": "upButtonFocus",
        "type": "uploader",
        "label": "Up button focused icon",
        "rules": "conditional",
        "conditional_fields": [
          {
            "key": "styles/isShowButtons",
            "condition_value": true
          }
        ]
      },
      {
        "key": "downButton",
        "type": "uploader",
        "label": "Down button icon",
        "rules": "conditional",
        "conditional_fields": [
          {
            "key": "styles/isShowButtons",
            "condition_value": true
          }
        ]
      },
      {
        "key": "downButtonFocus",
        "type": "uploader",
        "label": "Down button focused icon",
        "rules": "conditional",
        "conditional_fields": [
          {
            "key": "styles/isShowButtons",
            "condition_value": true
          }
        ]
      }
    ]
  }
]