App Building

Building an App

On dashboard press Create App, or if you allready have an app created press Open Builder.

1. App Creation

  • We have a small question based template starter, which just asks what type of app you’r creating and we make this best suited for this.
  • Now you have the app created and you’re navigated to the builder.
  • There will pop-up a tutorial on how to do stuff. Do not get stressed, just do things and you will learn rather fast how this works.
  • To get back to dashboard you will need to press button Back on the to right.

2. Moving Components on Screen

  • As you now have component in your screen you can just drag this inside the screen and it will move.
  • On the top right corner after you have a button Save, if your press that you will save the process and navigate to the dashboard.

3. Editing Components

  • As these come with predefined color and text / images, by tapping the component once this will open a editing modal.
  • Here you can change the color of text, change the font style, even delete the component or switch logo for image or text.
  • In order to see the change remember press Save component.

4. Adding Components

  • Even we have here components allready, you may want to add something in here. And this will happpen on the bottom right corner by the Plus icon.
  • Components are been sorted with categories and there is a button to add component to the excact screen.
  • Tap the card (or the Open Builder button when it highlights) to jump back into editing.

5. Switching the Screen

  • On the top left we’ll have gear icon which whill open app settings.
  • Here navigate to Manage Screens.
  • This holds your all screens that you’ve added and here you can either create new screen, edit current by editing the name or deleting it.

6. Preview

  • On the bottom left you’ll see preview button. This will make the app look and work like normal mobile app but just inside Struklio.
  • So you can get the feeling of how this will feel and look like, before actually deploying this to the appstores.
  • To exit this preview mode touble tap the screen and select exit or stay if you want so.