banner.json

{
  "$schema": "http://bigcontent.io/cms/schema/v1/schema#",
  "id": "{CONTENT_TYPE_BASEPATH}/banner.json",
  "title": "Banner Accelerator",
  "description": "Banner Accelerator",
  "allOf": [
    {
      "$ref": "http://bigcontent.io/cms/schema/v1/core#/definitions/content"
    }
  ],
  "propertyOrder": [
    "bannerImage",
    "subheader",
    "header",
    "description",
    "button",
    "textPositionLeft",
    "textPositionTop",
    "textColour",
    "bannerColor",
    "bannerOpacity",
    "style",
    "stackMobileLayout"
  ],
  "type": "object",
  "properties": {
    "bannerImage": {
      "type": "array",
      "items": {
        "allOf": [
          {
            "$ref": "http://bigcontent.io/cms/schema/v1/core#/definitions/content-link"
          },
          {
            "properties": {
              "contentType": {
                "title": "image",
                "enum": [
                  "{CONTENT_TYPE_BASEPATH}/image.json"
                ]
              }
            }
          }
        ]
      },
      "maxItems": 1,
      "title": "Banner Image",
      "description": "Select or create an image content"
    },
    "subheader": {
      "type": "string",
      "minLength": 0,
      "maxLength": 255,
      "title": "Subheader",
      "description": "add subheader"
    },
    "header": {
      "type": "string",
      "minLength": 0,
      "maxLength": 255,
      "title": "Header",
      "description": "add header"
    },
    "description": {
      "type": "string",
      "minLength": 0,
      "maxLength": 2000,
      "title": "Description",
      "description": "add description"
    },
    "button": {
      "title": "Button",
      "description": "add button",
      "type": "object",
      "allOf": [
        {
          "$ref": "{CONTENT_TYPE_BASEPATH}/link.json"
        }
      ]
    },
    "textPositionLeft": {
      "type": "string",
      "minLength": 1,
      "maxLength": 3,
      "title": "Text Position From The Left",
      "description": "Enter a percentage value (without a '%' sign) to position text horizontally from the left"
    },
    "textPositionTop": {
      "type": "string",
      "minLength": 1,
      "maxLength": 3,
      "title": "Text position from middle",
      "description": "Enter a percentage value (without a '%' sign) to position text vertically from the middle"
    },
    "textColour": {
      "type": "string",
      "minLength": 3,
      "maxLength": 6,
      "title": "Font Colour",
      "description": "Enter a hex value for font colour"
    },
    "bannerColor": {
      "type": "string",
      "minLength": 3,
      "maxLength": 6,
      "title": "Banner Color",
      "description": "Enter a hex value for banner colour"
    },
    "bannerOpacity": {
      "type": "number",
      "title": "Banner Opacity",
      "description": "Enter a value between 0 and 1 (e.g. 0.3)",
      "minimum": 0,
      "maximum": 1.01
    },
    "style": {
      "type": "string",
      "minLength": 0,
      "maxLength": 100,
      "title": "Style",
      "description": "Add classname for CSS styling"
    },
    "stackMobileLayout": {
      "type": "boolean",
      "title": "Stack Mobile Layout",
      "description": "Enable to allow banner text to stack underneath the image on small screens"
    }
  }
}