%20(1).png?alt=media&token=342382b0-81b5-439e-a8c7-34f98a4c2a19){kind=avatar}
Types of Dynamic Elements
CustomFit.ai supports different types of Element's such as number, string, JSON, color, rich text, boolean, etc
Minimum one variation should be present for all the types of Elements. And also the creation of identical variations is prohibited(with the same name and value for more than one variation).
Make sure to give a name to your variation as it used to display in the CustomFit.ai dashboard. The description is an optional field that can be used to briefly describe the variation.
String Element is a collection of characters and numbers. To perform text-based changes in your app at run time use String Element.
For example, The hero text on a webpage for users can be different based on their demographics(location) and it can be changed using String Element.
In create Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select STRING and give the desired text in the value field.
Number Elements are used to define integer or decimal values. To perform number-based changes in your app at run time use Number Element.
For example, you can offer different pricing to a different segment of users based on their demographics(location), then it can be achieved using Number Element.
In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select NUMBER and give the desired number in the value field.
A Boolean Element has two variations true and false, which works best with your app when you simply want to turn things on and off.
For example, If you want to disable the sign up button if the user has already signed up then make use of Boolean Elements and make it true.
In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select BOOLEAN. Two variations will be created automatically with the name and value field as TRUE and FALSE.
JSON Element is a collection of Key-Value pairs that are used to define the style of an element.
For example, JSON Element can be used to display different elements in different styles to different users.
In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select JSON. A JSON editor appears in create variations page where you can start editing your JSON object.
Color Element gives you the control to define the color of elements on your app or website. Pick the color using the color picker tool.
For example, If you are willing to show the different color for the sign-up button to a different segment of users then make use of Color Element.
In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select COLOR. A color picker appears where you can pick the color of your choice or give a HEX value of the color at the field at the bottom.
Rich Text Element lets you control the content and appearance of text elements on your app or website. Using a built-in editor you can choose from the various formatting options such as indentation, alignment, font, color, lists, etc.
For example, If you want to change the hero text to appear different types for different users then make use of Rich Text Element.
In create Dynamic Element page after you have given Name, Key, Description, and Tags, you will see an option to select the type of element. This is essentially a drop down which lets you select the type of element. Out of the different options available, select RICH TEXT and give the text in the editor.
Following are the list of formatting options you can choose from:
Bold
Italics
Underline
Strikethrough
Superscript
Subscript
Quotes
Font family
Font size
Font color
Justify content(Right, Left & Center)
Indent text (Increase, decrease)
List (Numbered, Bullets)
Undo/Redo changes
Insert link
