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
  • Creating a Custom Widget
  • Use a Custom Widget
  1. Main Pages
  2. Custom Code

Custom Widgets

Create a custom widget reusable throughout the application.

PreviousCustom DependenciesNextSettings

Last updated 1 year ago

Creating a Custom Widget

In order to create a Custom Widget follow the next steps :

  • Click on the Add button and select Widgets in the opened list

  • Set the Name of your widget on the right properties panel

  • Add a Tag to group your custom widgets

  • Add any Parameters you need

  • Write your code in the central editor

  • Save by clicking on the top right button Save

Use a Custom Widget

In order to use a Custom Widget :

  • Select the last tab in the Toolbox section

  • Drag and drop your Widget where you want in the Explorer

Custom Widget cannot be previewed but an insert with a different background color shows you the size and location of your widget

When you'll run your app in a real device or a simulator, you'll be able to see your widget in action !

Creation of a Custom Widget
Example of use of a Custom Widget
Example of Application Preview in Goril.App
Custom Widget on simulator