CTA Nav Image Reveal Grid
On March 4th, Tyler Technology released 4 new Webparts. The 2nd is our CTA Nav Image Reveal Grid webpart which allows for a three-panel-wide grid of links with a hidden description that reveals itself on hover.
Note: For best results, use this web part on pages without navigation or asides. Other layouts may work in a limited capacity but are not supported.
List Settings
A list is required in addition to the web part to define its content. The list must contain the following columns:
Required Fields:
- Title (Single Line of Text): The header text of the grid item.
- Description (Single or Multiple Lines of Text): The text content that is revealed when you hover over a grid item.
- Link Url (Single Line of Text or Hyperlink): The link that will be attached to each grid item.
Optional Fields:
- Image Url (Single Line of Text or Hyperlink): Displays a background image behind each grid item.
- Image Alt (Single Line of Text or Hyperlink): Allows for a description of the background image.
Display Options
Colors can be defined as hex values or web-safe color names. Note that any color selections must meet WCAG standards, requiring a contrast ratio of at least 4.5:1.
- Background Color: This will overlay a background color on top of the image, allowing for the text to be more easily read.
- Text Color: The color of the text on each grid item.
- Minimal Height: The minimum height of the item in pixels.
Comments
0 comments
Article is closed for comments.