Custom Widgets

Create a custom widget reusable throughout the application.

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

Creation of a Custom Widget

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

Example of use of a Custom Widget

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

Example of Application Preview in Goril.App

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

Custom Widget on simulator

Last updated