Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Hudson Index Pages

This page walks you through using the Hudson Index Page. To learn more about the Index Page, visit Using the Index Page

Overall design

Hudson's Index Page is a grid of thumbnail images that lead to different pages. Page titles display below the thumbnails.

Check the Hide Thumbnail Titles tweak in the Style Editor to hide the page titles.

For the best results, we recommend adding thumbnail images to every page in your index. 

Navigation and Thumbnails

When a thumbnail is clicked, the page's content displays at the top. The other pages' thumbnails display below.

Back, Next, and Previous links display above the thumbnail images to navigate between pages in the index.

Use the Thumbnails on Open tweak in the Style Editor to set the bottom page thumbnails to Show AllHide All, or Hide Active (which displays all thumbnails except the active page).

Use these Style Editor tweaks to further customize index thumbnails:

Thumbnails Per Row
Sets the number of thumbnails that display in each row on the Index Page.

Thumbnail Ratio
The ratio adjusts the height the thumbnail image displays.

Thumbnail Padding Sets the space between each thumbnail image.

Thumbnail Opacity
Sets the transparency of the thumbnail images in an inactive state.
Thumbnail Hover Opacity Sets the transparency the thumbnail images on hover.
Was this article helpful?
2 out of 2 found this helpful
Hudson Index Pages