Draftbit updates
Draftbit updates

What's new (July 7) - Transform Data with Custom Functions, Data enabled Inputs & Controls, Component Outlines in Web Preview and more





👋 Hello, Draftbit community!

We're back this week with more upgrades in our quest to empower you to create the most advanced apps possible. With these updates, you can now add an initial value to an input field (or any other input component) either from your data source or a navigation parameter or view the outlines of components on an app screen clearly.

Here's a complete list of the product updates that landed on Draftbit over the past week!

🚀 What's New?

  • All components under Inputs & Controls are now data enabled. It means an input component can now have an initial value. For example, consider the list of items on the screen below.

Screenshot 2021-07-07 at 6.30.18 PM.png 

  • Notice how the second item in the list is misspelled. Let's change that by clicking on the edit button (with the pencil icon). The example below shows that TextInput is already pre-filled with the value when navigated to the edit form screen.


  • This is possible because of a property called initial value. On an Input component, you will find this property in Data Tabs (of Properties panel). The value for this property is used to initialize with a value from a data source or navigation parameter. In the current example, the initial value is passed as a navigation parameter from the list screen.

Screenshot 2021-07-07 at 6.33.00 PM.png

  • Transform Data with Custom Functions
    • Do you have data in your back-end that's formatted differently from how you want it displayed in your app's UI? Now you have different ways to transform data variables in Draftbit.

➡️ Check out the video on our YouTube channel or read the guide here to learn more.

♻️ What's changed?

  • In the Web Preview (Single Screen mode), all components on a screen now have added surrounding blue dotted lines to indicate the space they are taking on the screen and their exact position. We've added this feature to improve your experience inside the Draftbit Builder ➡️ Learn more.

Screenshot 2021-07-07 at 6.37.16 PM.png

  • New and improved components: Checkbox, Switch, and Slider.

Until next week,

The Draftbit Team