Appearance and Styling in Windows Forms Hub Tile
28 Apr 2021 / 4 minutes to read
HubTile provides support to render Banner similar to Windows 8 live tiles.
Banner can be added using the following code example.
this.HubTile1.ShowBanner = true;
Me.HubTile1.ShowBanner = True
Banner visibility customization is applicable only for DefaultTile type.
Banner text customization
In HubTile, information in the form of text can be displayed in Banner.
this.HubTile1.Banner.Text = "Child Play is on the way”; this.HubTile1.Banner.TextColor = Color.White;
Me.HubTile1.Banner.Text = "Child Play is on the way” Me.HubTile1.Banner.TextColor = Color.White
Banner Text properties are applicable only for DefaultTile and RotateTile types.
In Banner, icons can be added, like the following image. Use the following code example to create a Banner icon.
this.HubTile1.ShowBannerIcon = true; this.HubTile1.BannerIcon = this.ImageListAdv1.Images;
Me.HubTile1.ShowBannerIcon = True Me.HubTile1.BannerIcon = Me.ImageListAdv1.Images
BannerIcon customization is applicable only for DefaultTile type.
HubTileBanner color can be changed using the BannerColor property.
BannerColor is applicable only for DefaultTile and RotateTile types.
HubTile provides selection marker support similar to Windows 8 Start screen tile.
The following code example demonstrates how to keep a tile selection marked.
this.HubTile1.IsSelectionMarked = true;
Me.HubTile1.IsSelectionMarked = True
Selection Marker is applicable only for DefaultTile type.
Selection marker border color
In HubTile, Selection Marker Border color can be customized using the SelectionMarkerColor.
this.HubTile1.SelectionMarkerColor = Color.Blue;
Me.HubTile1.SelectionMarkerColor = Color.Blue
SelectionMarkerColor is applicable only for DefaultTile type.
Hovered border color
In HubTile, border highlight is rendered once it is focused. Its appearance can be customized using the HoveredBorderColor property.
The following code example demonstrates how you can customize the border color of HubTile on mouse hovering.
The following code example illustrates how to enable the hover border color.
Expand on hover
HubTile can be expanded once it is focused. It can be enabled by using the ExpandOnHover property.
ExpandOnHover is applicable only for DefaultTile type.
Tile press behavior
Tile sliding effect occurs on mouse click and based on the position of the mouse pointer. The EnableTileSlideEffect property allows you to enable or disable the sliding effect in HubTile.
this.HubTile1.EnableTileSlideEffect = true;
Me.HubTile1.EnableTileSlideEffect = True
EnableTileSlideEffect is applicable only for DefaultTile and PulsingTile types.