Digia Academy
Digia StudioDiscordLinkedIn
  • Introduction
    • FAQs
  • What's New
    • 2024
      • March
  • DIGIA STUDIO INTRODUCTION
    • Dashboard
    • Builder Tool
      • Navigation Menu
      • Tool Bar
      • Pages and Widgets Panel
      • Canvas Area
      • Properties Panel
    • Creating a New Project
    • Creating new Pages
    • Working with Widget Tree
    • Build Your First App
      • Hello World
      • Bytes App
        • Onboarding
        • Defining API Calls
        • Courses
        • Articles
        • Viewing your App
    • SDK Integration
      • Insert Single Pages from Digia Studio
  • Actions
    • Call API Rest Action
    • Call Rest API
    • Pop Current
    • Pop to Route
    • openUrl
    • Go To Page
    • Post Message
    • Set Page State
    • Wait (delay)
    • Drawer
    • Toast
    • Open Dialog
    • Share
    • Copy to Clipboard
  • Operations
    • API Call
    • Operators
      • Json Operators
      • Logical Operators
      • Date Time Operators
      • Math Operators
      • String Operations
  • BUILDING UI
    • Widgets
      • Form Widgets
        • PinField
        • Calendar
        • Text Form Field
      • Base Widgets
        • Animated Button
        • Check Box
        • Video Player
        • Spacer
        • Stack
        • Wrap
        • Text
        • Avatar
        • Rich Text
        • Image
        • Button
        • Icon
        • Switch
        • Sized Box
        • HtmlView
        • Lottie Animation
        • Linear Progress Bar
        • YouTube Player
        • Circular Progress Bar
      • Layout Widgets
        • ListView
        • Web View
        • Future Builder
        • Conditional Builder
        • Stream Builder
        • GridView
        • Column
        • Row
        • Container
        • Expandable
        • Divider (Horizontal)
        • Divider (Vertical)
        • Carousel
      • Persistent Footers Widgets
        • NavigationBar Widget
      • Page Widgets
        • Stepper Widget
        • Scaffold Widget
        • Paginated Listview Widget
        • TabView
        • AppBar
      • Widget Commonalities
    • Event Handlers
  • Theme
    • Colors
    • Typography
  • DATA AND BACKEND
    • API Calls
      • Setting up API Calls
      • Create API Calls
      • Import API From Curl
  • DEPLOYING YOUR APP
    • Deployment
    • Release History
  • Settings
    • App Settings
    • App Assets
    • Media Assets
  • JARGON
    • Data integration
Powered by GitBook
On this page
  • Adding a Text to your project
  • Text Properties
  • 1. Text
  • 2. Max Lines
  • 3. Text Overflow
  • 4. Text Alignment
  • 5. Text Span Style Properties
  • Customizing
  • Add padding
  • Add margin
  • Add Background Color
  • Adjust alignment
  • Event Handlers
  1. BUILDING UI
  2. Widgets
  3. Base Widgets

Text

PreviousWrapNextAvatar

Last updated 1 month ago

The Text widget is used to show text on the screen. It is one of the most frequently used widgets.

Adding a Text to your project

To add the Text widget to your project:

  1. Select the Text widget from the Add Widget Button or add it directly from the widget tree.

  2. To change the text, select the Text Widget, and move to the Widget Properties (on the right side of your screen), and enter the Text you want.

Text Properties

1. Text

2. Max Lines

Here are the instructions for setting the max lines.

3. Text Overflow

Here are the instructions for setting Text Overflow.

4. Text Alignment

Here are the instructions for aligning the Text.

5. Text Span Style Properties

Customizing

Add padding

Add margin

Add Background Color

Adjust alignment

Event Handlers

Enter the Text that you want displayed here, it could be just a single word, or a whole paragraph. We recommend using for Headings for detailed customizations.

are the instructions for changing Text Span Style Properties.

The Widget Properties can be used to customize the appearance and behavior of your widget. View details for Widget's Default Properties .

are the instructions on how to add padding.

are the instructions on how to add margin.

are the instructions on how to add padding.

are the instructions for adjusting the alignment.

View details for handling events .

Rich Text
here
Here
here
Here
Here
Here
Here