Feature Large D 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. |
| 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 image on the right layout to an image 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) |
| Background Image Medium | Clicking the Select button opens a dialog box allowing you to select an image via the Media Library Application. For the medium background image for tablets the recommended size is 600 x 400 pixels. Image should not be more than 100kb in file size. |
| Background Image Large | Clicking the Select button opens a dialog box allowing you to select an image via the Media Library Application. For the large background image for desktop the recommended size 800 x 533 pixels. Image should not be more than 100kb in file size. |
Feature Large D Widget
The Feature Large D widget is a plug and play component designed to hold text, a photo and up to two buttons with or without a background color or image. It’s styled to look great no matter what your content. This document goes over recommended images sizes and configuration settings.
Augue lacus viverra vitae congue eu. Aliquam ut porttitor leo a. Pellentesque nec nam aliquam sem et tortor consequat id porta. Id ornare arcu odio ut sem nulla. Sapien pellentesque habitant morbi tristique senectus et netus. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Id interdum velit laoreet id. At varius vel pharetra vel turpis nunc. Aliquam ultrices sagittis orci a scelerisque purus semper eget. Fames ac turpis egestas integer. Pellentesque habitant morbi tristique senectus. Non blandit massa enim nec dui.
Feature Large D
The Feature Large D widget is a plug and play component designed to hold text, a photo and up to two buttons with or without a background color or image. It’s styled to look great no matter what your content. This document goes over recommended images sizes and configuration settings.
Augue lacus viverra vitae congue eu. Aliquam ut porttitor leo a. Pellentesque nec nam aliquam sem et tortor consequat id porta. Id ornare arcu odio ut sem nulla. Sapien pellentesque habitant morbi tristique senectus et netus. Suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Id interdum velit laoreet id. At varius vel pharetra vel turpis nunc. Aliquam ultrices sagittis orci a scelerisque purus semper eget. Fames ac turpis egestas integer. Pellentesque habitant morbi tristique senectus. Non blandit massa enim nec dui.
Feature Large D Widget
This Feature Large D Widget shows the layout flipped. When adding multiple Feature Large D Widgets back to back on a page we suggest flipping the layouts. Flipping layouts will divide the section information and give your website a dynamic design.
Lectus quam id leo in vitae turpis massa. Pellentesque adipiscing commodo elit at imperdiet. Scelerisque eu ultrices vitae auctor. Netus et malesuada fames ac. Morbi tristique senectus et netus et malesuada. Imperdiet nulla malesuada pellentesque elit eget gravida cum. Aliquam sem et tortor consequat id porta nibh. Donec ac odio tempor orci dapibus. Volutpat commodo sed egestas egestas fringilla phasellus faucibus scelerisque. Malesuada fames ac turpis egestas. Nunc faucibus a pellentesque sit amet porttitor.