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
  • Select a Template Window
  • Designing a User Interface to Visualise Data
  • Designing a User Interface from Scratch
  1. My Work (Folders)
  2. User Interfaces

Selecting a Widget Template

PreviousWorking with the Widget DesignerNextItem List Widget Template

Last updated 6 months ago

Designing a user interface in Lucy is straightforward, where you get a collection of pre-built widget templates to choose from. Select a template as a starting point and customise it to match your specific User Interface requirements.

Select a Template Window

The screen below displays the "Select a Template" window, where you can select a widget template.

The Select a Template window has three main tabs.

Tab Name
Description

Default Templates

This tab lists the widget templates you get by default when designing a user interface.

Custom Templates

This tab lists the widget templates designed by developers.

My Templates

This tab lists the widget templates designed by you. You can save an existing widget as a template and reuse it to design a new widget.

Here are two ways to design a user interface. Each method provides a 'Select a Template' window where you can choose and customise a template:

  1. Designing a User Interface to Visualise Data: This method leverages pre-designed widget templates to create interactive data visualisations.

  2. Designing a User Interface from Scratch: This approach involves building the user interface from ground up.

Designing a User Interface to Visualise Data

Data visualisation is the graphical representation of information. It transforms raw data into meaningful visuals, making it easier to understand, analyse, and communicate insights.

To design a user interface to visualise data, begin by selecting a data source. The system will then automatically display the templates that match the chosen data source.

Find the article on creating a user interface to visualise data to acquire more knowledge.

Designing a User Interface from Scratch

Users has the flexibility to select any widget template as the base template and start customising.

Find the article on creating a User Interface from scratch to gain a better understanding.

Designing a User Interface to Visualise Information
Designing a User Interface from Scratch
Select a Template window displaying widget template list