...
Card
Limit the amount of copy in the cards, since more detail can be shown in the modal.
- Microtitle (optional) - Keep this short. Can be used as a microtitle or for person's name with parenthesis for graduation program and year
- Character limit: copy should fit on one line, so the limit depends on number of columns in the layout
- Use this field OR the card supporting copy field, especially for cards with full-width background images.
- This content will display in the modal header by default. Set the "Display card microtitle in modal header?" field to "no" if you want to hide it in the modal
- Title - This field should have content so the card has an html heading
- Character limit: 40 characters
- This content will display in the modal header. Add content to the "Modal Title Override" field to replace this content.
- Card Supporting Copy (optional) - Use sparingly. Only use when the title character limit is too restrictive
- Character limit: 70 characters
- Use this field OR the microtitle field, especially for cards with full-width background images.
- This content will not be displayed in the modal
- Card Image - you can use the standard image size of 2400x1600px for horizontal cards. You can use vertical images as well to make the cards vertical, but you will need to add a horizontal image to the modal image override field for the image to display correctly at the top of the modal.
- Crop image to circle? - use for square headshot images, including headshots
Modal Popup
- Display card microtitle in modal header? - true/false, pulls Microtitle subfield from Card and displays in modal over title.
- Full width image? - makes image full width inside the modal instead of half width. Recommend use of Modal Image Override with this.
- Modal Title Override - can override the card title. This can have more characters than the card title, but it's still best practice to keep the title short.
- Supporting Details - WYSIWYG for job titles, company, or majors
- Modal Image Override - you can override the full width image used in for the card section
- Modal Text - WYSIWYG for modal copy. You will need to use inline classes and HTML for styles.
- See code templates below
Configuration section
- Number of columns - you can select one, two, or three columns. Three columns is the default.
- Please note that headshot/circle crop style should only be used with two and three column layouts. (The image looks too small for a card in a single column layout)
- Stretch link? - this will make the modal open when a user selects anywhere on the card. Checked is the default.
- Number of columns - you can select one, two, or three columns. Three columns is the default.
Introduction and Footer sections
- These are standard sections for many of our custom blocks.
...