Using the 'Live Text' and 'Live Image' widgets, you can connect an element in your design to a live XML data feed. With Live Text and Image Widgets, your design will automatically update if a change is made to the feed, guaranteeing you're always displaying the most up-to-date information in your design.


To add a Live Text or Live Image widget to your canvas, open the Widgets panel on the Left Hand Side Navigation, and click on either the 'Live Text' or 'Live Image' button.



Add A Live Text Widget


To add a Live Text widget to your canvas, click the 'Live Text' button in the Widgets panel. This will add the widget to the canvas, and open the Live Text Settings Panel. 



From the Live Text Settings Panel you can upload your XML Feed to the widget by copying and pasting the widget into the 'XML Feed' section of the panel. You'll use this XML Feed to populate your widget. 



Feeds used for Live Elements in Flexitive require a specific setup of the structure of the XML. When preparing the XML, data that is going to be displayed in the design should be nested 2 levels deep in the XML feed. For an example, check out our sample XML feed here: https://s3-us-west-2.amazonaws.com/betaqa/adaptive-bean.xml


After uploading your feed, you can use the 'Unit' and 'Row' dropdowns to select which text will be displayed in your design.



Setting the 'Unit' and 'Row' will then display the text associated with that Unit and Row of the feed on the canvas.



Live Text Settings


After adding a Live Text element to the canvas, you can format the text in the Live Text Widget using the Live Text Settings Panel on the left-hand side. In the panel, you'll be able to change the font and it's styling, the colour of the text, and the font size, line height and text tracking for your text.



Add A Live Image Widget


To add a Live Image widget to your canvas, click the 'Live Image' button in the Widgets panel. This will add the widget to the canvas, and open the Live Image Settings Panel. 



From the Live Image Settings Panel you can upload your XML Feed to the widget by copying and pasting the widget into the 'XML Feed' section of the panel. You'll use this XML Feed to populate your widget. 




Feeds used for Live Elements in Flexitive require a specific setup of the structure of the XML. When preparing the XML, data that is going to be displayed in the design should be nested 2 levels deep in the XML feed. For an example, check out our sample XML feed here: https://s3-us-west-2.amazonaws.com/betaqa/adaptive-bean.xml.

After uploading your feed, you can use the 'Unit' and 'Row' dropdowns to select which text will be displayed in your design.



Setting the 'Unit' and 'Row' will then display the image associated with that Unit and Row of the feed on the canvas.



Updating your XML Feed. 


You can update your XML Feed at any time. To update your feed, paste your new XML Feed into the XML Feed section and select Update.