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 | Select Page Checked: clicking the Select Button opens a dialog box to access content pages within the current site only. Note that it is possible to type directly in the Target URL field to add the URL to an anchor tag within the site, to type in a third-party URL to leave the site, to open an email (mailto: emailaddress.com) or link to a phone number (tel: 000-000-000). Unchecked: opens dialog box to specifically access the Media Library to select an image or 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
Egestas id Curabitur Magna Leo Vitae Urna
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
Augue a Egestas Nullam Semper Himenaeo
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
Luctus Senectus Efficitur in Platea Laoreet
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.
Suscipit sagittis sagittis maximus senectus curabitur elit neque neque. Ad lacus primis efficitur condimentum lorem sollicitudin nibh torquent. Vel dictum blandit iaculis at suscipit sodales risus mus.
Ad Dignissim Massa Iaculis
Lectus in sem. Faucibus torquent vel quis arcu dapibus. Curae nec lacinia hac lobortis urna lacus id ut. Egestas id curabitur magna leo vitae urna. Semper morbi adipiscing tempus convallis hac sagittis. Ut sollicitudin egestas habitasse parturient scelerisque felis venenatis dui.
Justo hac odio tincidunt pellentesque himenaeos sit gravida cras vivamus. Placerat proin augue a maximus ipsum imperdiet imperdiet. Curae phasellus convallis cubilia torquent ac condimentum sed. Adipiscing primis quam penatibus, maecenas penatibus enim. Nascetur tempor nisl lorem velit himenaeos iaculis scelerisque diam. Facilisis nisi convallis pharetra lacinia velit condimentum porttitor risus aliquam.