Skip to content
Television Simulator

Horizontal Split

Horizontal split (h-split) is a layout that divides the screen into two sections, side by side. The left section is referred to as “A” and the right section as “B”. Each section can contain any engine, including another layout, allowing for complex arrangements of content.

h-split:
  a:
    image:
        src: placeholders/example-ad.webp
        aspectRatioBehavior: contain
  b:
    generator: color-bars

This layout will display the example ad on the left side of the screen and color bars on the right side.

Properties

Section titled “Properties”

a required

Section titled “a ”

Type: content engine

The content to display in the left section of the screen. This can be any engine, including another layout.

b required

Section titled “b ”

Type: content engine

The content to display in the right section of the screen. This can be any engine, including another layout.

splitPercentage

Section titled “splitPercentage”

Type: number

Description: The percentage of the screen width to allocate to the left section (A), ranging from 0.0 to 1.0. For example, 0.3 would make the left section 30% of the screen width and the right section 70%. The default value is 0.5.

gapSize

Section titled “gapSize”

Type: number

Description: The pixel size of the gap between the left and right sections. The default value is 0.

gapColor

Section titled “gapColor”

Type: string

Description: The color of the gap between the left and right sections. Accepts any valid CSS color value. The default value is black.