Smart Tiles - Knowledge Base
Configuring the Hover Effect for Tiles
How to enable and tune the hover effect in the Vitextra Smart Tiles web part: the nine effects — blur, brightness, contrast, grayscale, hue rotate, color inverting, opacity, saturation and sepia — their strength units, the Duration setting, how the effect behaves on keyboard focus and with reduced motion, and recommended settings.
Setting a Background Image for a Tile
How to use a picture as the background of a tile in the Vitextra Smart Tiles web part: the Background image option, entering a URL or picking an image from a site library, how the image is cropped and scaled, keeping the title readable, the color fallback, the YouTube thumbnail and removing the image.
Showing Titles and Descriptions on Tiles
How the texts of a tile work in the Vitextra Smart Tiles web part: the title and the description, the Show Titles and Show Descriptions settings, the Font Size steps, single-line display and truncation, the tooltip, icon-only tiles, the web part title, and writing texts that fit.
Smart Tiles: Solution Overview
What the Vitextra Smart Tiles web part is and what it offers: tile-based navigation for SharePoint Online pages with six icon sources, theme and predefined colors, background images, descriptions, hover effects, audience targeting, import and export of tiles, and support for 44 languages.
Tile Sizes and Layout in Smart Tiles
How tiles are arranged in the Vitextra Smart Tiles web part: the six tile sizes from Extra Small to Full Width and the share of the row each takes, how tiles wrap and stretch to fill rows, the Internal, Icon and External Indent settings, tile height, and layout recipes for sections, columns and full-width panels.
How to Add and Configure the Smart Tiles Web Part
Step-by-step guide to adding the Vitextra Smart Tiles web part to a SharePoint Online page: deploying the package, finding the web part in the toolbox, the sample tiles, the web part title, every setting of the Appearance group, the About group and placing the panel in a full-width section.
Tile Colors in Smart Tiles: Theme Accent and Predefined Colors
The background and font colors available for tiles in the Vitextra Smart Tiles web part: the six accent colors that follow the site theme, the palette of 31 predefined Fluent UI colors, black and white — with the exact values, how accent colors behave on sites whose theme does not define them, and advice on combining colors.