Centered buttons full width
Centered call-to-action buttons laid out horizontally across a section blade that is spread on a full width page.
In some cases, agencies may need slight visual or functional adjustments that the standard component templates don't support. The UX/UI Design team has built and tested custom code snippets that can help. These include:
- Tables that work on phones (responsive)
- Icon menus
- Tab directories
- And more
If your team requires this type of support, please submit a ticket in the Service Portal. If you don’t have access, you can email us at DGOETraining@ct.gov
See the examples below for more details and images.
Clickable tiles
A series of tile cards laid out horizontally across a section blade that allow to stack multiple rows.
CSS Nav menu
A secondary navigation option that allows the use of emblems, seals and symbols spread across a blade.
Full width CTA button
A call to action item that contains a title, brief description and a CTA button spread across a section blade.
Logo gallery
A graphic gallery with clickable images (primarily used for logos or simple images) that spread horizontally across a section blade.
Responsive table
Standardized tables, between 1 to 4 columns, used for listed information with clickable and non-clickable elements.
Swipe icon menu
A slideshow secondary navigation menu that allows the user to scroll across different options using simple icons and text.
Tab directory - CSS only
A css-functionality based table that allows category based listed itemization such in the case of a directory or glossary.
