Theme Documentation
Search…
Elements
The different types of settings elements give you the developer the ability to choose any number of ways to let the end user customize the theme without touching the code.

Displays a dropdown that lets the user choose what action a link takes. Depending on a section it then displays another field for them to direct the action.
{
"type": "action",
"id": "link_action",
"label": "Link Action",
"default": "http://www.kajabi.com"
}

Displays a dropdown of all the assessments in the users account.
{
"type": "assessment",
"id": "assessment_id",
"label": "Assessment"
}

Displays a checkbox within the Theme Settings, allowing for a Boolean true / false setting.
{
"type": "checkbox",
"id": "show",
"label": "Show",
"default": "true"
}

Displays a color-picker that returns a hex value.
{
"type": "color",
"label": "Color",
"id": "color",
"allow_blank": true
}

Displays a date_time picker.
{
"type": "date_time",
"label": "Date & Time",
"id": "date_time"
}

Does not display an input but instead shows a divider between other settings. Great for breaking settings into sub sections.
{
"type": "divider"
}

Displays a list of the events in the users account.
{
"type": "event",
"id": "event_id",
"label": "Select Your Event"
}

Displays a custom dropdown with google fonts pre loaded in visually in their respective fonts.
{
"type": "font_select",
"label": "Font Family",
"id": "font_family",
"default": "Montserrat",
"preset": "google_fonts",
"options": []
}

Displays a list of the forms in the users account.
{
"type": "form",
"id": "form",
"label": "Form",
"default": "default",
"allow_blank": true
}
Does not display an input instead displays a heading that can be used to label sub sections. The style setting set to subheading can be used to shrink the font size.
{
"type": "header",
"content": "Your Heading"
}

Displays an option to select a previous image or upload a new image.
{
"type": "image_picker",
"id": "image",
"label": "Image",
"fit": "max",
"width": 3000,
"height": 3000
}
Displays a list of the link lists ( navigation menus ) in the users account.
{
"type": "link_list",
"id": "menu",
"label": "Menu",
"default": "footer"
}

Displays a list of the offers in the users account.
{
"type": "offer",
"id": "offer_id",
"label": "Offer"
}

Displays a list of options for a user to select from.
{
"type": "radio",
"id": "alignment",
"label": "Alignment",
"default": "center",
"options": [
{"value": "left", "label": "Left"},
{"value": "center", "label": "Centered"},
{"value": "right", "label": "Right"}
]
}

Displays a list of the posts in a users account.
{
"type": "post",
"id": "postr_id",
"label": "Post"
}

Displays a list of radio buttons for the user to select from.
{
"type": "radio",
"id": "style",
"label": "Style",
"default": "solid",
"options": [
{ "label": "Solid", "value": "solid" },
{ "label": "Outline", "value": "outline" }
]
}

Displays a full WYSIWYG editor for the user to use to create rich text layouts.
{
"type": "rich_text",
"label": "Text",
"id": "text"
}

Displays a dropdown select box for the user to choose from.
{
"type": "select",
"id": "width",
"label": "width",
"default": "col-md-6",
"options": [
{ "value": "col-md-3", "label": "25%" },
{ "value": "col-md-6", "label": "50%" },
{ "value": "col-md-8", "label": "75%" },
{ "value": "col-md-12", "label": "100%" }
]
}

Displays a one line text input for users to put short text strings in.
{
"type": "text",
"id": "text",
"label": "Text",
"default": "Your Text"
}

Displays a video uploader for users to upload their videos or choose recently uploaded videos.
{
"type": "video",
"id": "video",
"label": "Video"
}
Copy link
On this page
Action
Assessment
Checkbox
Color
Date Time
Divider
Event
Font Select
Form
Header
Image Picker
Link List
Offer
Option
Post
Radio
Rich Text
Select
Text
Video