👋 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.
- 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.
- 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.
♻️ 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.
- New and improved components: Checkbox, Switch, and Slider.
Until next week,
The Draftbit Team