Skip to main content

Layout Settings

This section gives you a brief overview of the available Layout Parameters of the NXD YouTubeBox.

Styling Tab

Inside the Styling Tab you will find the styling parameters for the module instance.

Basics

Visual Style

Select here if the module instance should be in Default Video Mode or if the nx-HeaderMode should be enabled.

Corner Radius (Default Visual Style)

Define the Border Radius in Pixels.

Video Rotation (Default Visual Style)

Set the rotation in degrees for the video container.

Videocontainer Height (HeaderMode Visual Style)

Define the height of the Videoheader in Percent. The Percent value will be calculated by the effective height of the video on 100% width.

Vertical Movement (HeaderMode Visual Style)

Define the position / offset of the Video inside the above defined Height. For example: If the height is set to 50 (above) set here -25 that way the verical centered 50% of the video will be visible.

Shadow Settings

Enable Shadow

General Toggle to enable / disable Shadow Settings.

Shadow Color

Select the Shadow Color.

Horizontal Offset

Horizontal shadow offset in pixels.

Vertical Offset

Vertical shadow offset in pixels.

Blur Radius

The Blur Radius of the shadow in pixels.

Spread Radius

The Spread radius of the shadow in pixels.

Border Settings

Enable Borders

General Toggle for the Stage Container Borders.

Use Advanced Borders

If enabled you will have additional settings to define the border size & color for each side individually.

Border Width

Set the Border Width in pixels. Can be set individually for each side even if Use Advanced Borders is disabled.

General Border Color

Select the Border Color for each side.

Blocklayer Settings

Enable Blocklayer

Enable or Disable the Blocklayer Feature. The Blocklayer prevents cLick interaction on the Video and offers special styling possibilities.

Blocklayer Innershadow

Enable the Advanced Blocklayer Innershadow Options if enabled you can define the following Features for the Blocklayer:

  • Inner Shadow Color
  • Horizontal Offset
  • Vertical Offset
  • Blur Radius
  • Spread Radius

Blocklayer Overlay Color

Here you can define an Overlay Color for the Blocklayer or simply use rgba(0,0,0,0) for a transparent layer.