Appli Documentation

André Alves Garzia
Download PDF

Table Of Contents

  1. Disclaimer
  2. The Login Screen
  3. The Project Selection Screen
  4. Overview of Appli IDE Interface
  5. Tools palette
  6. Keyboard Shortcuts
  7. Screen Management
  8. Property Inspector
  9. Responsive Design
  10. Low-Code & Action Scripts
  11. Data Management
  12. Tutorial: Cool Coffee Shops
  13. Elements
  14. Element: Browser
  15. Element: Button
  16. Element: Camera
  17. Element: Create Account
  18. Element: Dropdown
  19. Element: Field
  20. Element: Graphic
  21. Element: Image
  22. Element: Layout
  23. Element: Login
  24. Element: Map
  25. Element: Radio Group
  26. Element: Search Field
  27. Element: Switch
  28. Element: Tab Menu
  29. Element: Table
  30. Element: Text
  31. Element: Media
  32. Element: Form
  33. Element: LineGraph
  34. Image Credits

Tools palette

Tools palette

The tools palette can be understood as serving three different broad roles:

  • At the right side, we have project management tools.
  • Most of the buttons in center of the palette are elements used to construct the application.
  • The first button in the palette is a play tool used toggle between interacting or designing the app.

Project management

Project Management

These buttons deal with workflows related to your project and your Appli account.

The gear button opens the application-wide settings. Use it to change app name, icon, and some other general settings. Read the application settings documentation for more details.

The cloud button saves your application to the cloud.

The last user button is actually a dropdown navigation menu with multiple features. It can be used to sign out of Appli; go back to the project selection screen; and view the most recent patch notes.

Testing the app

The first button on the toolbar, the one that looks like a play button places Appli IDE in interaction mode. It disables both the left and right panes and lets the developer interact with the application as if it was running inside the player. To switch back to design mode, click it again.

Elements

Most of the rest of the palette is dedicated to hosting the elements used for app designing.

Elements

To draw an element in the playground, first select it on the tools palette and then draw it.

The pointer tool, which is the button next to the play button, can be used to select and alter elements already on the playground.

Check out the elements gallery to learn more about each element.

←
→