BackImageUrl Property

The BackImageUrl property gets or sets the URL of the background image. By using the BackImageUrl property you can enhance the appearance of C1WebCommand2's web controls.

GroupStyle.BackImageUrl property

The following code shows how to apply the BackImageUrl property to the GroupStyle object of the C1WebTopicBar control.

· Visual Basic

topicbar.GroupStyle.BackImageUrl = "~/Images/luckyclover.png"

· C#

topicbar.GroupStyle.BackImageUrl = "~/Images/luckyclover.png";

· Delphi

topicbar.GroupStyle.BackImageUrl := '~/Images/luckyclover.png';

The BackImageUrl property is set to a different image in the picture below.

ItemStyle.BackImageUrl property

The following code shows how to apply the ItemStyle.BackImageUrl property to the ItemStyle object of the C1WebTopicBar control.

· Visual Basic

topicbar.ItemStyle.BackImageUrl = "~/Images/DiagonalStripes.png"

· C#

topicbar.ItemStyle.BackImageUrl = "~/Images/DiagonalStripes.png";

· Delphi

topicbar.ItemStyle.BackImageUrl := '~/Images/DiagonalStripes.png';

This example shows how to apply the BackImageUrl to the first item of Group 2.

The code below is applicable for the C1WebTopicBar, C1WebToolBar, and the C1WebTabStrip controls. The BackColor property for an individual item in the C1WebMenu and C1WebTreeView controls is applied differently. The second code example in the ItemStyle class section shows a generic way how to apply it for the C1WebMenu and C1WebTreeView controls.

· Visual Basic

CType(topicbar.Groups(1).Items(0), C1WebLinkItem).ItemStyle.BackImageUrl = "~/Images/DiagonalStripes.png"

· C#

((C1WebLinkItem)topicbar.Groups[1].Items[0]).ItemStyle.BackImageUrl = "~/Images/DiagonalStripes.png";

· Delphi

((C1WebLinkItem)topicbar.Groups[1].Items[0]).ItemStyle.BackImageUrl := '~/Images/DiagonalStripes.png';