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 Divider (Vertical) widget
  • Customizing the Divider
  • Line Style
  • Color
  • Thickness
  • Height
  • Indent
  • End Indent
  • Default Properties
  1. BUILDING UI
  2. Widgets
  3. Layout Widgets

Divider (Vertical)

The Divider (Vertical) widget is a horizontal line that is used to visually separate widgets. For example, you could use it when displaying a list of products and messages and separating a header section from the content section of a page, etc.

Adding Divider (Vertical) widget

Here's how you add the Divider widget to your project:

  1. Select the Divider (Vertical) widget from the Add Widget Button or add it directly from the widget tree.

  2. Now, you customize the widget as you want.

Customizing the Divider

Line Style

You can choose from various options such as Solid, Dotted, Dashed, Dash-Dotted.

Color

This is the color which is used to paint the divider. You can customize it however you want.

Thickness

This changes the actual height of the line. By default, the thickness is set to 0.0.

Height

This adjusts the space that the Divider takes up. By default, the height is set to 16.0 logical pixels.

Indent

This is the amount of empty space to the leading edge of the divider. By default, it is set to 0.0.

End Indent

This is theamount of empty space to the trailing edge of the divider. By default, it is set to 0.0.

Default Properties

PreviousDivider (Horizontal)NextCarousel

Last updated 1 month ago

You can customize the appearance and behavior of this widget using the various properties available under the .

Widget Default Properties