Help
Academy
  • INTRODUCTION
  • About Reasy
  • Why Choose Reasy?
  • User Registration
  • Invite & Manage Users
  • GETTING STARTED
    • Create Your First App
    • App Dashboard
    • Workspace
      • Engine Explorer
      • Navigation Explorer
      • Canvas
      • Tools
        • Screen Components
          • Input Elements
          • Containers
          • Texts
          • Buttons
          • Charts
          • Grids
          • Cards
          • Files & Images
          • Custom Components
          • Pre-built Screens
        • Custom Screen Components
        • BPMN Components
        • Data-Driven Plugins
          • Data Sources
            • SQL Plugin
            • Session Plugin
            • MakeServerURL
            • PrivatePDM
            • Logout
            • MethodInvoker
            • UMPlugin
            • APIConsumer
            • EmailReaderPlugin
            • FileReaderPlugin
            • FileWriterPlugin
            • FileDownloadPlugin
            • FileUtils
            • PropertyReader
            • DateUtils
            • JsonUtils
            • JoinPlugin
            • EncryptDecrypt
            • StringUtils
          • Data Display
          • Business Tools
      • Property Editor
        • General Properties
        • Design Properties
    • Engines
      • Screens
        • Responsive Grid System
        • Building App Layout
        • Building Screens
        • Creating Pop-up Screens
        • Events and Actions
        • Importing Screens
          • Importing an HTML
          • Importing a Figma Screen
          • Importing a PDF
          • Importing a Screenshot
          • Importing a Hand-drawn Sketch
          • Text to Screen
        • Manage Screens
      • Data Modeler
        • Setting up a Data Source
        • Creating a Model
          • Adding Computational Formula
          • Adding Validations
        • Importing a Data Model
        • Entity Relationships
        • Exporting a Data Model
      • APIs
        • A Step-by-Step Guide to Build an API
        • Creating an API Service
        • API Configuration
        • Publishing API
        • API Authentication
        • Consuming REST APIs
        • Manage API Services
      • Navigation
        • Layout Setup
        • Creating Microapps
        • Manage Microapps
      • Page
      • Workflow
        • Creating Workflows
        • Workflow Templates
        • Optimizing Complex Workflows
        • Manage Workflows
      • User Management
        • Users
        • Roles
        • Policies
        • Password Policies
        • Data Rules
      • Resources
      • Languages
        • Translating App Language
        • Manage Languages
    • App Management
Powered by GitBook
On this page
  • Heading 1, Heading 2, and Heading 3
  • Label
  • Marquee

Was this helpful?

  1. GETTING STARTED
  2. Workspace
  3. Tools
  4. Screen Components

Texts

PreviousContainersNextButtons

Last updated 1 month ago

Was this helpful?

Heading 1, Heading 2, and Heading 3

Headings are text elements and are typically used to break down content into meaningful sections and guide users through the interface.

Headings are categorized into different levels, often represented by hierarchical tags such as "h1," "h2," "h3," and so on. The number indicates the level of importance and hierarchy, with "h1" being the highest and most important level, followed by "h2," "h3," and so on.

Reasy offers three levels of headings with distinct visual styles, such as font size and weight, for each level to help users differentiate between different sections. However, you can include more heading levels using code with associated CSS.

Here are some scenarios where headings are beneficial:

  • Page titles,

  • Section titles,

  • Grouping content,

  • Visualizations, and others.

Label

A label is a descriptive text or visual element associated with a UI component, such as a form field, button, or menu option. It lets you add a clear and concise description of the purpose expected within the associated component. Labels are typically positioned adjacent to or within the component, ensuring users can easily understand and interact with the interface.

Use labels whenever you have an interactive UI element that requires user input or action. However, you don't have to worry about this with Reasy because most of the Form elements come with a label. Label any other visual elements, such as graphs, to describe what they are.

Use cases

  • Form fields

  • Navigations

  • Error messages

Note: Remember that labels should be concise, meaningful, and relevant to the associated element.

Marquee

A marquee is a dynamic web element that scrolls text or content horizontally or vertically across a certain section of a website. It's a visual effect that adds movement to static content, making it more appealing. Reasy offers you control over its behavior, such as scrolling, sliding, etc., and the direction.

Use it to highlight messages, announcements, headlines, or any other type of content that demands attention and visibility.

Use cases

Some everyday use cases include:

  • Announcements,

  • Special offers, discounts, or promotions that you want users to notice immediately,

  • Event-related information, event countdown,

  • Emergency alerts,

  • Weather updates,

  • Breaking news headlines, and such others.