JSON Rules Schema & Setting Types

Overview of {% rules %} Schema #

Complete Input Control Setting Types #

| Setting Type | Description | Example Schema |
| - | - | - |
| `text` | Single-line text input | `{"type": "text", "id": "title", "label": "Title", "default": "Hello"}` |
| `quickEditor` | Inline text editor | `{"type": "quickEditor", "id": "heading", "label": "Heading"}` |
| `richtext` | Full HTML rich text editor | `{"type": "richtext", "id": "body", "label": "Content"}` |
| `textarea` | Multi-line text box | `{"type": "textarea", "id": "bio", "label": "Bio"}` |
| `number` | Numeric value input | `{"type": "number", "id": "limit", "label": "Limit", "default": 10}` |
| `checkbox` | Boolean toggle switch | `{"type": "checkbox", "id": "enable", "label": "Enable", "default": true}` |
| `select` | Dropdown selector | `{"type": "select", "id": "align", "label": "Align", "options": [{"label": "Left", "value": "left"}]}` |
| `radio` | Radio button group | `{"type": "radio", "id": "size", "label": "Size", "options": [...]}` |
| `color` | Color picker (hex code) | `{"type": "color", "id": "text_color", "label": "Color", "default": "#000000"}` |
| `color_background` | Background color picker | `{"type": "color_background", "id": "bg", "label": "Background"}` |
| `range` | Slider control | `{"type": "range", "id": "pad", "label": "Padding", "min": 0, "max": 100, "step": 5, "unit": "px"}` |
| `image_picker` | Image upload gallery picker | `{"type": "image_picker", "id": "banner", "label": "Banner Image"}` |
| `url` | Link object (`url`, `label`, `target`) | `{"type": "url", "id": "btn", "label": "Button", "default": {"url": "#", "label": "Learn More", "target": "_self"}}` |
| `socialicon` | Social media links picker | `{"type": "socialicon", "id": "social", "label": "Social Icons"}` |
| `header` | Sidebar divider heading | `{"type": "header", "content": "Design Settings"}` |

JSON Rules Schema & Setting Types

Overview of {% rules %} Schema #

Complete Input Control Setting Types #

Endpoint Title