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 HtmlView to your project
  • Setting HTML content from different sources
  • Default Properties
  1. BUILDING UI
  2. Widgets
  3. Base Widgets

HtmlView

The HtmlView widget lets you show the HTML and CSS content inside your app. It's helpful if you want to have special formatting on a text.

Adding HtmlView to your project

To add the HtmlView widget to your project:

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

  2. Move to the Widget Properties Panel.

  3. Enter your HTML and CSS content inside the HTML Content input field.

Setting HTML content from different sources

Sometimes you might want to display the HTML contents from other sources, such as app state variables and API responses.

To show the HTML contents from manual input:

  1. Select the HtmlView widget from the widget tree or the canvas area.

  2. Move to the properties panel.

  3. Enter the HTML as plain text and click Refresh to view changes.

To show the HTML contents from the variable:

  1. Select the HtmlView widget from the widget tree or the canvas area.

  2. Move to the properties panel.

  3. Click on Variable icon on Html Content. Now, you can fetch from API's endpoints.

Default Properties

PreviousSized BoxNextLottie Animation

Last updated 1 month ago

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

here