Goril.app Studio
  • Goril.app Studio Documentation
  • Setup
  • Quick Start
  • Main Pages
    • Architect
      • Toolbox
      • Explorer
      • Application Preview
      • Settings Panel
    • Storyboard
    • Assets
    • State
    • Custom Code
      • Custom Functions
      • Custom Actions
      • Custom Dependencies
      • Custom Widgets
    • Settings
      • General
      • Theme
      • Firebase
    • Action Flow Editor
  • Cookbook
    • My first application
      • Create the project
      • Create the Task model
      • Create the base HomePage Layout
      • Complete the HomePage Layout
      • Add Update Task Action in HomePage
      • Create the CreateTask component
      • Add Actions in CreateTast component
      • Create the EditTask component
      • Add Actions in EditTask component
Powered by GitBook
On this page
  • Widgets Showroom
  • Pages List
  • Components List
  • ✨ Tips
  • Custom Widgets List
  • ✨ Tips
  1. Main Pages
  2. Architect

Toolbox

PreviousArchitectNextExplorer

Last updated 1 year ago

The Architect Toolbox provided a collection of essential tools to streamline your app design process. Efficiently design and organize your app using the tools available.

Here, you'll find four key tools at your disposal :

  1. Widgets Showroom: Explore and select widgets for the Widgets Explorer.

  2. Pages List: Manage and navigate through app pages.

  3. Components List: Reuse and manage components across the app.

  4. Custom Widgets List: Manage custom widgets.

Widgets Showroom

In the Widgets Showroom you can navigate and search through all the widgets and drag and drop them into theExplorerto create the desired layout and arrangement.

Actually, it is only possible to drop widgets on the Explorer. Dropping on the Application Preview is not enable for now.

Pages List

In the Pages List you can navigate, create, delete and search through all the pages in your project.

To Create a new page click on the Add New Page button and fill the name of the page.

To Delete a page, click on the contextual menu at the right of the card of the page.

To open a page in the Explorer click on it on the Pages List.

The Explorer, Application Preview and Settings Panel will update with the clicked page's information.

Components List

In the Components List you can navigate, create, delete and search through all the custom components in the project.

To Create a new component click on the Add New Component button and fill the informations.

To Delete a component, click on the contextual menu at the right of the card of the component.

To open a component in the Explorer click on it on the Components List.

The Explorer, Application Preview and Settings Panel will update with the clicked components information.

✨ Tips

Create a custom components to your needs and use it anywhere you want in your project !

The custom component like a classic component, drag and drop it in the Explorer !

Custom Widgets List

In the Custom Widgets List you can navigate and search through all the custom widgets in the project.

To Create a custom widget, check Custom Widgets

The difference between Custom Component and Custom Widget is the way they are created. Custom Component are created the graphic way and and Custom Widget the code way.

✨ Tips

The custom component like a classic component, drag and drop it in the Explorer !

Architect Toolbox
Pages List
Components List
Custom Widgets List