Code Editor for Insight Card or Timeline Layout
Last Update: Oct 2024 Est. Read Time:You can modify an Insight Card, Insight Details Card, or Timeline Layout through code to remove or add certain fields based on how you would like them to display your custom data.
To see the code, select the View Code tab that is located at the bottom of the visual editor.
If you want to make changes, select Convert to Code. If you are sure you want to switch to the code view, enter CONVERT in the box and select the option confirming you want to make this change.
Note: Once you convert the visual editor to code, you cannot undo this change.
You can learn more about the components available for these views in the Kustomer JSX Components page. You can also use regular HTML elements and are not restricted to these components.
If you would like to add stying to your components, the style must follow the JSX styling convention here. For example, you could create a <div>
for one of the fields and add a background
color of red like such: <div style={{ background: 'red' }}>
.