Skip to main content

Customize App

After creating your app on FluxBuilder, let's see the guided walkthrough to clear how to make changes on your app.

Simple Customization​

The simplest steps to build your dream app with FluxBuilder app builder.

  • If you can not drag&drop the elements, press & hold in 3-4 seconds then drag & drop.

Video Tutorials​

Follow the “FluxBuilder App Builder” playlist:

FluxBuilder App builder

Manual Tutorials​

1. Task List

Follow our Task List to do the simplest steps to customize your app. Steps:

  • Step 1: open your app on FluxBuilder.
  • Step 2: click on the “Get your app ready” or “1 out of 4 tasks”
  • Step 3: click on each item to customize.

2. Templates and Layouts

Templates: the ability to choose from a variety of available Templates to quickly customize your App UI (for common components, such as app bar, tab bar, side menu, tab screen), or you can also use it to reset your App UI to design from scratch (please note that this feature is usually applicable to newly created apps, if you already have your own UI before, you will lose everything you have when applying). Steps:

  • Step 1: open your app on FluxBuilder.
  • Step 2: on the leftmenu, select the Design item. Then click the Templates.
  • Step 3: choose a template. Click the Apply Now button if you want to use it.

Layouts: the ability to quickly customize the home screen, dynamic screen of your app. Steps:

  • Step 1: open your app on FluxBuilder.
  • Step 2: on the leftmenu, select the Design item. Then click the Layouts.
  • Step 3: drag and drop any layout templates into the App Preview (the general layout of your app). If you want to delete an item, drag & drop that item on the App Preview into the Trash icon.
  • Step 4: click the CLOSE button to see your app UI on the simulator.

3. App Screens This is the guide to edit each screen of your app (tabbar item). Steps:

  • Step 1: open your app on FluxBuilder.
  • Step 2: on the leftmenu, click the Design item. Then select any screen (tab item) to edit.

  • Step 3: you can add a new screen/page to your app. Or delete the current screen:

4. Side Menu (Leftmenu)

Customize the sidemenu of your app. Steps:

  • Step 1: open your app on FluxBuilder.
  • Step 2: on the leftmenu, click the Design item. Then select the Side Menu item. Now you can edit all.

5. Logo, Dark/Light theme

You can setup logos and colors for both Light and Dark themes. Steps:

  • Step 1: open your app on FluxBuilder.
  • Step 2: on the leftmenu, click the Features item. Then select the Branding and Theme & Logo. Now you can edit all.

You can easily open the settings of other items by selecting them from the Task List.

  1. Welcome screen (Onboarding screen)
  1. Splash screen
  1. Firebase
  1. Social Login
  1. Default Language (Multilanguage)
  1. GDPR Compliance

Advanced Customization​

Follow the Task List then you can build your own app with basic configurations.

If you want to customize more items, let’s take a look on the Design, Feature, and Q&A in https://docs.fluxbuilder.com

More details in the “FluxBuilder’s Features” playlist:

FluxBuilder’s Features