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

Keyboard Shortcuts

Appli has extensive keyboard shortcuts support. Learning them can speed up your development process.

General shortcuts

Key Combination Function
V hide/show thumbnail view.
Shift-O Alternate orientations.
o hide/show off screen elements.
p toggle Pointer/Player mode.
Shift-P Engages pointer mode when you had previously selected an element.

Copy/paste/cut operations

Key Combination Operation
CMD-C Copy.
CMD-V Paste.
CMD-X Cut.

Selection manipulation

Key Combination Function
CMD-A Select all.
Shift-CMD-A Deselects all.

Undo/Redo management

Key Combination Function
CMD-Z Undo.
Shift-CMD-Z Redo.

Left Pane

Switching between the various tabs on the left pane can be done with simple keyboard shortcuts.

Key Combination Function
CMD-D show data manager.
Shift-CMD-Y show asset manager.
CMD-Y show project browser.

Guidelines

Creating a good design might require one to use multiple combinations of snapping, guidelines, and measuring. These shortcuts will help you handle guideline management with ease.

Key Combination Function
Tab Show distance to screen edge.
Space Do not use guidelines and snapping.
G Toggle Fixed Guidelines.
~ Prevents elements from snapping to the normal guidelines.

Elements selection

Learning the element keyboard shortcuts will speed up your development workflow. Quickly change what element type is selected without the need to move the mouse to the toolbar.

Key Combination Element
a create account.
b button.
c camera.
d dropdown menu.
e ellipse.
f label/text field.
h header.
i image.
k log in.
l line.
m map.
r rectangle.
s search.
t input Field.
u tab menu.
x switch button.
Shift-B browser.
Shift-F form.
Shift-H footer.
Shift-L layout.
Shift-M media.
Shift-R radio button.
Shift-T table.
←
→