Skip to main content

Line

WATCH & LEARN0:45 · Animated tutorial
7 scenesPlay, pause, or scrub at your own pace

The Line control enables you to draw lines on a form or container at design time or run time.

info

For a complete list of properties, methods, and events, see the API documentation.

Features​

Line Size​

The LineSize property can be used to get or set the height of the line in pixels.

Line controls with different line sizes (1, 3, and 5 pixels)

Line Style​

The LineStyle property can be used to customize the appearance of the line using one of the following presets:

  • None: No line.
  • Solid: A solid line.
  • Dotted: A dotted line.
  • Dashed: A dashed line.
  • Double: A double solid line.

Different line styles: Solid, Dotted, Dashed, and Double

Orientation​

Lines can be configured to be shown in a Horizontal or Vertical orientation:

Line control showing horizontal and vertical orientations

Advanced​

JavaScript Widget​

ItemDescription
Class name"wisej.web.Line"
Theme appearance"line", see Themes.
Child components"line" is the line element. See JavaScript.
Source codehttps://github.com/iceteagroup/wisej-js