Video

The Video Widget in the form designer enables users to seamlessly incorporate video content into their forms. It supports both pre-defined and dynamic video sources, offering flexibility and boosting user engagement. Users can upload and specify a fixed video source that will be uniformly shown to all form consumers or configure the widget to pull the video source from a specific field within the form. This feature ensures the video content is relevant and tailored to each individual form instance. A sample screenshot is shown below: 

Figure: Image Widget - Producer View

Figure: Image Widget - Consumer View

Configure Video Widget

Let's configure Video Widget!

1. Navigate to General tab of Form Designer. Enter all mandatory details required for the Form.
2. In Design Form tab, from the left panel select Controls > Widgets > Video.
   Drag and drop this control on Form Designer canvas for configuration. A greyed-out video icon is displayed as a placeholder on the canvas. A sample screenshot is shown below:
   Figure: Video Placeholder
   
   
3. Click Settings iconto view Properties pop-up.

You can view the following tabs for Image control:

• Properties
• Appearance
• Security

Properties

This section contains the list of properties using which the Administrator can configure the respective widget's name, start time, end time etc. To know more about the fields that are available under the Properties section, see Field Description given below.

Figure: Properties

Field Description
This table contains the list of fields and their descriptions that are available under the Properties section: 

General
Label	Specify the name for the Video control. This name identifies the Video control on the form. Example: Product Training Video, Onboarding. System displays the validation message as "Enter a label", if you attempt to save the Video control without providing any label to it.
Include Label	If selected, then the configured label will be displayed on the form. If not selected, then the configured label will not be displayed on the form.
Input Selection	Select it to configure the type of input for the video. Available options are as follows: Pre Defined - Select it if the URL is to be embedded as a link by @Application Designer as a part of form designing. The video will start getting played from this link on the click of Play icon on the video. For Example - As shown in the following screenshot, the @Application Designer has embed a You Tube URL from where the video will get played when click on Play icon on the video.Figure: Producer View Figure: Consumer View User Defined - Select it if the URL is to be configured by the end-user at the specified field by @Application Designer. For Example - As shown in the following screenshot, the end user will be able to configure the required URL in Flight Carrier Details field of the form.Figure: Producer's View Figure: Consumer's View The video URL provided by the consumer will be the input for the video to be displayed on the read only form.
Field	This field is visible if Input Selection is selected as User Defined. Select the required field where the consumer can specify the video link which should get displayed on the form where it's configured.
Embed URL	This field is visible if Input Selection is selected as Pre Defined. Specify the URL from which the video should get played. Figure: Embed URL
Source	Select the source. Available options are as follows: Others - Select it if the source of the specified link is other than YouTube. YouTube - Select it if the source of the specified link is YouTube.
Start Time	Select the start time using Calander iconon what time the vidoe should start playing once click on play icon. For Example: As shown in the following screenshot, video will start playing from 2nd second.Figure: Start Time - Producer View Figure: Start Time - Consumer View
End Time	Select the start time using Calander iconon what time the vidoe should stop. For Example: As shown in the following screenshot, video will be played till 5th second and ends playing on 6th second. Figure: End Time- Producer View Figure: Start Time - Consumer View

Appearance

This section allows customizing the control's appearance by aligning brand colors through appearance properties, enhancing user experience, and reinforcing brand identity. To know more about the fields that are available under the Appearance section, see the Field Description given below.

Figure: Appearance 

Figure: Appearance - Video

Figure: Appearance - Border

Figure: Appearance - Text

Figure: Appearance - Video Position

Field Description
This table contains the list of fields and their descriptions that are available under the Appearance section: 

Video
Image Overlay	Select this switch if an overlay image is needed on the video. it will allow you to superimpose any other image on the top of video. It is helpful to add visual elements such as text or logos to the background video. Refer to the following screenshots. Scenario I - Image Overlay switch is not selected Figure: Producer View - Without Image Overlay Figure: Consumer View - Without Image Overlay Scenario II - Image Overlay switch is selected Figure: Producer View - With Image Overlay Figure: Consumer View - With Image Overlay
Image Upload	Select and upload the required image using upload icon. You can upload one image at a time. It will display the files only in the accepted format on your PC such as .jpeg,.png etc.
Border
Style	Specify the style of the border. Available options are as follows: None - Select it to keep the image without any border. Dashed - Select it to keep the image border as dashed line. Solid - Select it to keep the image border as solid line. Dotted - Select it to keep the image dotted line. If the border Style is selected as Dashed, Solid or Dotted, it displays the additional border specifications options such as Side, Width, Color and Corner. A sample screenshot is shown below: Figure: Border Style
Side	Select the topmost check box to apply the border on all four sides. A sample screenshot is shown below:Figure: Side
Width	Specify the width of the border to be applied in px. Available options are as follows: 1/4 px 1/2 px 3/4 px 1 px 1 1/2 px 2 px 1/4 px 3 px 4 1/2 px 6 px A sample screenshot is shown below: Figure: Width
Color	Specify the color of the border from the color widget from the provided set of color options. Click option to select the required color from the displayed color widget. A sample screenshot is shown below: Figure: Color Widget
Corner	Select the corner of the border. Available options are as follows: None - Select this option if no border corners are required. Round - Select this option if the border with rounded corner is required.  Sharp - Select this option if the border with sharp corners is required.
Text
Font Type	Select the type of the font from the drop-down list of available options of font type.
Font Color	Select the type of the font color from the color widget from the provided set of color options. Click option to select the required color from the displayed color widget. A sample screenshot is shown below: Figure: Color Widget
Font Size	Select the size of the font from the drop-down list of available options of font type using upwards or downwards arrows. A sample screenshot is shown below:Figure: Font Size Drop-down You can also use a horizontal slider to increase or decrease the font size. A sample screenshot is shown below: Figure: Font Size Slider
Font Style	Select the required font style. Available options are as follows: B - Select it to make the image bold. I - Select it to make the image italics. U - Select it to make the image underlined.
Font Alignment	Specify the alignment of the image. The available options are as follows: - Select it to make the image as left aligned. - Select it to make the image as central aligned. - Select it to make the image as right aligned. - Select it to make it justified.
Video Position
Size	Select the size of the video. Available options are as follows: Custom - Select it to provide the custom video height or video width to configure the video positioning.  Default Size - Select it to display the video in system defined positioning.  Fit to Panel - Select it to resize the video positioning to fit within a designated panel or area.
Video Height (px)	This field is visible only if Size is selected as Custom. Specify the height of the video or use slider to increase or decrease the height value. A sample screenshot is shown below:Figure: Video Height (px)
Video Width (px)	This field is visible only if Size is selected as Custom. Specify the width of the video or use slider to increase or decrease the width value. A sample screenshot is shown below: Figure: Video Width (px)

Security

The Security tab ensures data security and privacy by applying restricted access or encryption to sensitive field data, ensuring that only users with authorized roles can access or modify it.

Figure: Security

For more details about Security, see Form Security.