Video block (configuration)

A video block is an element of a grid or dashboard layout block where you can add a Youtube video.

To add a video block to a page

1. In the backoffice, go to Content and expand the node of a grid page or dashboard (home) depending on where you want to add an HTML block.
2. Select the icon next to the corresponding layout block node ( grid or home dashboard). Alternatively, select and hold (or right-click) the node, and then select Create.
3. Select Video block.
   
4. On the header, enter the Video block name that will be used to identify it in the backoffice.
5. On the General tab, fill in general settings as follows:
   1. Titles - Specifies the settings where you can configure the title of various elements on this page.
      1. Title - Specifies the title that will be displayed in the header of the created page or page element.
      2. Subtitle - Specifies the subtitle that will be displayed in the header of the created page or page element.
   2. Icon - Specifies the image that will be displayed in front of the title if specified. Adding an icon is optional. You can leave this setting empty (in this case, the default icon, chosen by the development team, will be used) or choose an icon from one of the available icon libraries.
   3. Responsive behavior - Specifies the settings that define how this page part or UI element responds to different viewport widths by adjusting its width and visibility at each responsive breakpoint.
   4. Hide element - Specifies that the element will be hidden for specific member groups. Select one or several member groups, for which this layout block element will be hidden. Alternatively, you can select the ~All~ checkbox to hide it for all member groups (without the necessity to select every member group's checkbox) or select the Hide element checkbox to have all member groups selected at once.
   5. Description - Specifies a description of this layout block element.
   6. Content-from page - Specifies the page the content of which will be displayed instead of the content of this page when this page is opened via a direct link. The URL in the address bar will remain that of the original page. For a page element, filling in this setting is not required.
   7. Redirect-to page - Specifies the page that will be displayed instead of this page when this page is opened via a direct link. The URL in the address bar will be that of the target page. For a page element, filling in this setting is not required.
   8. Module assignment & protection - Specifies settings that allow you to assign this content element (localization, page, etc.) to an internal module as well as to protect this element from certain operations (copying, changing, deletion). Select the Configure button to configure module assignment & protection or the Change button to edit existing configuration if it has already been configured.
6. On the Content tab, in the YouTube video URL setting, enter the embed URL of the Youtube video that you want to be displayed in this layout block. To get the embed URL for a Youtube video:
   1. Go to the Youtube page with the video that you want to embed, right-click the video, and select Copy embed code.
      
   2. Paste the embed code into any text editor, for example into Notepad.
   3. Copy the URL specified in src="YourEmbedURL" where YourEmbedURL is the URL that you need to copy and paste in the YouTube Video URL field on the portal.
   4. Paste the copied URL into the YouTube video URL setting.
      
7. In the View element minimum height field, specify the minimum height of the Video block.
   
8. Select Save and publish to save the changes and publish them on the front end. Optionally, if you were editing the page, you can select Save and preview to preview how the page will look like on the front end.