Related Links & Videos
Feature Large A Video Widget Properties
| PROPERTY | DESCRIPTION |
| Visible | Checking and unchecking the checkbox toggles widget visibility on the page. This allows for prepping the content in edit mode before widget debut. |
| Header | Text entry field for a limited large headline. |
| Content | Text entry field for any amount of body copy in the default paragraph style. Note this property has a text editor for adding text effects, images, small tables and text links. |
| Video Type | The video type menu selection. Below is the list of types to choose from: • YouTube • Vimeo |
| Video ID: | Required field to add the video ID. For either video type it's required to go to the selected video's streaming company website. YouTube Video ID: Navigate to the video page on YouTube and click the Share button. A popup will provide the video URL. Copy and paste this information into the Video URL property after deleting "https://youtu.be/". This will leave you with the video ID only. Vimeo Video ID: Navigate to the video page on Vimeo and click the Share icon. A popup will provide the video link. Copy and paste this information into the Video URL property after delating "https://vimeo.com/". This will leave you with the video ID only. Video not appearing in widget? Check to be certain the video is public via the company dashboard after login. |
| Autoplay: | Checkbox toggles autoplay of video on page load or a paused video to play on click. |
| Button Properties: Number of Buttons | The widget can feature none, one or two buttons by selecting a number from the menu. If the user selects 0 no buttons will display. Anything other than 0 the Button and the below properties will display |
| [Button] Text | Enter text to be featured on each button. Typically shorter text is better for ease of reading and to keep the design tidy. If text field is blank, the button will not display. |
| [Button] Style | Select pre-built style options from the menu. Note that if two buttons are featured, each one may have its own style. Below is the list of styles that can be selected: • Default - a rectangular shape with a solid-color fill • Round - a pill shape with a solid-color fill • Radius - a rectangle with slightly rounded corners with a solid-color fill • Hollow - a rectangular outline shape with a transparent fill • Expanded - an extra-wide rectangular shape with a solid-color fill • Disabled - a rectangular shape faded back to denote that it is disabled • Clear - a transparent button with only text visible |
| [Button] Color | Select from your custom brand colors or grayscale options from the menu for button fills or outlines. Note that if two buttons are featured, each one may have its own color. Below is the list of colors that may be selected: • Default • Primary Color • Primary Color – Light • Primary Color – Dark • Secondary Color • Secondary Color – Light • Secondary Color – Dark • Gradient • White • Light Gray • Medium Gray • Dark Gray • Black |
| [Button] Target | Below are the targets to choose from: Default – this will open in the same tab of the browser and is typically used to move around within your site Blank – this will open in a new tab of the browser and is typically used for links that leave your site |
| [Button] Target URL | The URLs attached to the button can simply link to another page of the website, to an anchor link on a page, to a different website, can automatically open a pre-addressed email, link to a phone number or a document from the Media Library Application. Check the “URL is Internal” checkbox to access the Pages Application or the Media Library Application to select a page in the site or a document. |
| Flip Layout | The Flip Layout checkbox swaps the video player on the right layout to a video player on the left layout to add variety to the design. |
| Invert Text Color | Typically the widget can guess if the text should be dark or white depending on what color background is behind it. But if the visual can be improved by a change from one to the other, click the Invert Text Color checkbox. |
| Background Color | The background color attribute effects the color behind the text and the image to the full width of the page. Initially, Default is selected, which is no color added. Select from your custom brand colors or grayscale options from the menu. Additionally, you can select any color by adding the hexidecimal color code. Below is the list of Background colors that can be selected: • Default (None) • Primary • Primary Color - Light • Primary Color - Dark • Secondary • Secondary - Light • Secondary - Dark • Gradient • White • Light Gray • Medium Gray • Dark Gray • Black • Custom (enter color in hex format – ex. #2c6090) |
Lorem Ipsum Dolor sit Amet
Aliquet porttitor lacus luctus accumsan tortor posuere ac. Magna eget est lorem ipsum dolor sit amet. Leo vel orci porta non pulvinar neque laoreet. Nullam eget felis eget nunc lobortis mattis aliquam faucibus. Faucibus turpis in eu mi bibendum. Semper feugiat nibh sed pulvinar proin gravida. Ornare aenean euismod elementum nisi quis eleifend quam adipiscing vitae. Nisl rhoncus mattis rhoncus urna neque. Pharetra massa massa ultricies mi quis. Massa massa ultricies mi quis hendrerit dolor magna eget.
Duis Aute Irure Dolor in Reprehenderit
Cras semper auctor neque vitae tempus. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Integer feugiat scelerisque varius morbi enim nunc faucibus a pellentesque. Diam vulputate ut pharetra sit amet aliquam id. Ultricies mi quis hendrerit dolor magna eget.
Elementum Curabitur Vitae Nunc sed Velit Dignissim
Tortor aliquam nulla facilisi cras fermentum. Quis risus sed vulputate odio. Nec ullamcorper sit amet risus. Donec adipiscing tristique risus nec. Aenean et tortor at risus. At tellus at urna condimentum mattis pellentesque id nibh tortor. Vitae semper quis lectus nulla at volutpat diam ut venenatis. Ut sem viverra aliquet eget. Massa tincidunt dui ut ornare lectus sit amet. Ornare arcu dui vivamus arcu felis bibendum ut. Et malesuada fames ac turpis egestas maecenas. Lectus arcu bibendum at varius vel. Sollicitudin nibh sit amet commodo nulla facilisi nullam vehicula ipsum. Massa eget egestas purus viverra accumsan in nisl. Justo laoreet sit amet cursus sit.