Skip to content
Television Simulator

Vertical Split

Vertical split (v-split) is a layout that divides the screen into two sections, one on top of the other. The top section is referred to as “A” and the bottom section as “B”. Each section can contain any engine, including another layout, allowing for complex arrangements of content.

v-split:
  a:
    image: /placeholders/cable-ad-2.png
  b:
    guide:
    theme: "1989"
    themeOptions:
      ticker:
      - "Hypercom cable - connecting you to the future"
      - "Pay-Per-View Movies - Ch 1 - Straight from Hollywood to your home, anytime!"

This layout will display an image on the top half of the screen and a program guide on the bottom half.

Properties

Section titled “Properties”

a required

Section titled “a ”

Type: content engine

The content to display in the top 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 bottom section of the screen. This can be any engine, including another layout.

splitPercentage

Section titled “splitPercentage”

Type: number

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

gapSize

Section titled “gapSize”

Type: number

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

gapColor

Section titled “gapColor”

Type: string

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