Use the Youtube URL form element to add a Youtube URL field with video preview field to your Component form. For more information, see Create an editable component.

Locating the Youtube URL form element

To find the Youtube URL form element:

• Navigate to a component
• Click the + button on the Component form builder
• Within the Fields tab, look for the Youtube URL form element.

The Youtube URL form element includes the following fields:

Title field

• Provide a name for the form element. Important: This will be displayed in your component form.

Field settings

• Placeholder - Sets the placeholder text for the URL field.

Default

• Default value - Set a default Youtube video to be used
• Preview - Shows a preview of the default Youtube URL.

Validation

• Required - When toggled on, the URL field becomes a required field when using the Component
• Error message (optional) - The validation error message displayed if the editor doesn't provide a value.

Tooltip

• Tooltip text - Enter tooltip text here.
• Tooltip placement - Define the position of the tooltip on hover of the field.

Youtube URL form element

Use the Youtube URL form element to add a Youtube URL field with video preview field to your Component form. For more information, see Create an editable component.

Locating the Youtube URL form element

To find the Youtube URL form element:

• Navigate to a component
• Click the + button on the Component form builder
• Within the Fields tab, look for the Youtube URL form element.

The Youtube URL form element includes the following fields:

Title field

• Provide a name for the form element. Important: This will be displayed in your component form.

Field settings

• Placeholder - Sets the placeholder text for the URL field.

Default

• Default value - Set a default Youtube video to be used
• Preview - Shows a preview of the default Youtube URL.

Validation

• Required - When toggled on, the URL field becomes a required field when using the Component
• Error message (optional) - The validation error message displayed if the editor doesn't provide a value.

Tooltip

• Tooltip text - Enter tooltip text here.
• Tooltip placement - Define the position of the tooltip on hover of the field.