For a variety of reasons, we have developed a bunch of different field types while working on JD builder. The following field types are available as of writing, you can use the field types to create your own elements in JD Builder.
Type | Description |
animations | Provides a list of animations available within JD Builder. |
boxshadow | Provides the input field used for creating the whole box shadow for any element. |
category | Shows a list of categories available in the article manager. |
checkbox | Traditional html checkbox, nothing fancy. |
code-editor | Poviders with a textarea size code editor with ability to validate CSS, JS or HTML. |
color | Provides a color picker. |
date | Date picker calendar with min date, max date and date format. |
font-family | Provides a drop-down list of available fonts system and Google Fonts. |
gradient | Ability for the user to create a gradient with color picker and other options. |
header_tag | Provides the user with option to select from multiple HTML tags including (h1, h2, h3, h4, h5, h6, h7, p, small, mark, abbr, blockquote, code, pre). |
hover-animations | Provides a list of mouse over animations available within JD Builder. |
icon-animations | Provides a list of icon mouse over animations available within JD builder. |
image | Provides an option for the user to select images using the Media Manager. |
jmodule | Returns list of available modules in a dropdown. |
jposition | Returns list of available module positions in a dropdown. |
list | Dropdown list with ability to offer multiple dropdown selection. |
number | Number field with minimum, maxium and increment (step) option. |
radio | Create a simple radio button or an advanced with by providing images, icons or buttons as options. |
repeatable | Create a repetable form that can be repeated infinite number of times, all regular fields work under the repetable field. |
slider | Create a number slider letting the user pick between a minimum, maximum with and increment (step) option. |
spacing | Creates a spacer field with input for top, right, bottom, left with ability to lock and add units such as px, em, rem and vh. Useful if you want to create fields like margin, padding, Border radios and others. |
switch | Create a simple on/off toggle switch. |
text | simple text with by single line text usage. |
textarea | Simple textarea for larger text inputs. |
textshadow | Provides the input field for creating textshadow. Slightly different than boxshadow above. |
typetag | Provides a dropdown with list of HTML tags available (h1, h2, h3, h4, h5, h6, p, span, small), similar to header_tag but this list is pretty limited. |
video | Provides an option for the user to select video’s using the Media Manager. |