New Webpart - CTA Nav Image Reveal Grid

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.

Click here to see an example.

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.