Lucy
  • Introduction to Lucy
  • Getting Started
  • Key Components
  • Gallery (Dashboards)
    • Creating a Canvas
    • Editing Properties of a Canvas
    • Searching and Viewing Your Canvases
    • Adding Widgets onto Your Canvas
    • Customising User-created Widgets on a Canvas
    • Adjusting Widget Settings
    • Moving a Widget around a Canvas
    • Resizing a Widget on a Canvas
    • Filtering Data in a Widget
    • Deleting a Widget from Your Canvas
    • Building a Widget from Your Canvas
    • Customising a Canvas
  • My Work (Folders)
    • Creating a New Folder
    • Searching and Viewing Your Folders
    • Adding Notes related to a Folder
    • Databases
      • Understanding Databases
      • Creating and Editing Databases
        • Creating a Database Manually
        • Creating a Database by Importing Data from an External Source
        • Using an External Source as a Database
        • Editing Fields in a Database
      • Editing Data in a Database
      • Using the Database Collection Viewer
      • Searching, Filtering, and Sorting Data in a Database
      • Exporting Data from a Database
      • Utilising Content-aware Autofill to Automatically Fill in Fields in Your Database
      • Entering a Question about Databases within a Folder to Build Your Own Widget
      • Adding Data into a Database
    • User Interfaces
      • Designing a User Interface
        • Designing a User Interface to Visualise Information
        • Designing a User Interface to Capture User Feedback
        • Designing a User Interface from Scratch
      • Working with the Widget Designer
      • Selecting a Widget Template
        • Item List Widget Template
      • Viewing Your User Interfaces
      • Sharing a User Interface
      • Saving a Widget as a Template
      • Exporting a User Interface
      • Enabling Anonymous Access to a User Interface
    • Workflows and Integrations
      • Using the Workflow Editor
      • Creating Workflows
      • Creating a Workflow to Run When New Data is Added to a Database
      • Creating a Workflow to Run When an Email is Received
      • Creating a Workflow to Run When a Message from a Chatbot is Received
      • Creating a Workflow that Runs at Specified Intervals
      • Viewing and Editing Your Workflows
      • Automating Form Submission with Email Notification
      • Automating Form Submission with Slack Message
  • Add-ons
    • Installing a New Add-on in Lucy
    • Visitor Management
    • Monitoring Internal Air Quality (IAQ) at Your Workplace
    • Setting up Occupancy Analytics at Your Workplace
    • Energy Budgeting
    • Water Budgeting
    • Gas Budgeting
    • Carbon Footprint Calculation
    • Weather
  • Mobile App
    • Getting Started
    • Designing Your Mobile App
      • Working with the Mobile App Designer
      • Handling Button Click Events
      • Designing the Login Page
      • Designing the Homepage
      • Designing the Settings Page
      • Choosing a Page Type
      • Adding a New Tab to the Bottom Navigation Bar
      • Launching a Widget on Tab Click
  • Users
    • Registering a User
    • Creating a User Group
    • Searching and Viewing Users
    • Editing User Details
    • Your Profile
  • News Feeds
    • Creating a News Feed
    • Searching and Viewing News Feeds
    • Editing a News Feed
Powered by GitBook
On this page
  • Building a Widget
  • Building a User Interface from Scratch
  1. Gallery (Dashboards)

Building a Widget from Your Canvas

PreviousDeleting a Widget from Your CanvasNextCustomising a Canvas

Last updated 10 months ago

If you can't find that specific widget on the widget browser, no worries—you can just build it yourself!

After building it, you can always add it to your canvas later at any time.

What is a Widget Browser?

A widget browser is a interface that allows users to explore, search, and locate various widgets when selecting widgets to be added to a canvas. In addition, it allows to generate new widgets when none meet their specified criteria.

Building a Widget

Let's see how to build a widget easily right from your canvas.

  1. On the app homepage, head to the Gallery tab on the left sidebar.

  2. Choose the canvas.

  3. If there is a list of canvases on the Gallery, you can search for the required Canvas by typing its name/partial name under Search Canvases.

  4. Click on the canvas to open it in a new window

  5. On the canvas, click on the Add Widget button. The widget browser will open.

  6. Search and locate your widget.

    1. Type in the widget's name in the search box.

    2. If you don't find any matching widgets in the search results, click the Build a new Widget button that appears.

  7. Select a template to build the widget.

  8. Click Edit this template. Your widget will open on the widget designer page, allowing you to apply the required customisations and design your widget.

If your search finds no widgets, you'll see the Build a new Widget button.

Building a User Interface from Scratch

Find out more about building a user interface from here:

Watch the video demonstrating how to build a widget from your Canvas here.

Designing a User Interface from Scratch
Widget Browser