Skip to main content

DFB Introduction to Builder

The video helps you begin working on your application with the builder. It throws light on its features and how you can use them to create your web application.

1. Login to Your Acount

Login to your account to create your project and click Project Builder to begin

DrapCode SignUp Form

2. Dropping a Navbar

Go to Components and choose Navbar. You can drag-and-drop it in the space provided and customize it as per your use case and click Save.

DrapCode SignUp Form

3. Dropping Cards

Go to Components and choose Cards. You can drag-and-drop it in the space provided and customize it as per your use case then click Save.

DrapCode SignUp Form

4. Adding a Page

Go to Pages and choose Add Page. You can customize it as per your use case and click Create.

DrapCode SignUp Form

5. Adding a Condition

Go to Conditions and you can control the visibility of the chosen object. You can customize it as per your use case.

DrapCode SignUp Form

6. Adding Plugins

Go to Plugins and choose the plugin you wnat to install. You can customize it as per your use case.

DrapCode SignUp Form

7. Adding Assets

Go to Assets and choose Add the images you want to include from your desktop or the URL. You can customize it as per your use case.

DrapCode SignUp Form

8. Going to the Dashboard

Click project Settings to go back to the Dashboard.

DrapCode SignUp Form

9. Checking out Tutorials

Go to Tutorials to find the video tutorial to help you.

DrapCode SignUp Form

10. Help Section

You can access the Help section for any assistance with your web app.

DrapCode SignUp Form

11. Previewing the Application

To view changes click Preview.

DrapCode SignUp Form

12. Publishing the Application

To let your end user view your application click Publish.

DrapCode SignUp Form

13. Accessing the Settings

This section has the upper arrow is to move upwards to the parent component; the plus icon to drag-and-drop objects, then you can duplicate the chosen object.Next you can delete the chosen object and with the last option you can open its settings.

DrapCode SignUp Form