Version

Add Spaces Between Cloud Items

You can add spaces between the cloud items in the xamTagCloud™ control to allow a greater degree of visual separation. This helps your end user to view the cloud items clearly and precisely.

You can configure the spacing between your cloud items by setting the xamTagCloud control’s ItemsSpacing property. This property accepts a Thickness structure. Setting the Left, Top, Right, and Bottom values of this structure determines the space between each cloud item.

The following code demonstrates how to achieve this.

In XAML:

<Grid x:Name="LayoutRoot" Background="White">
   <ig:XamTagCloud MaxScale="5" MinScale="1" Name="myTagCloud"
                              ItemSpacing="50,50,50,50">
   …
   </ig:XamTagCloud>
</Grid>

In Visual Basic:

Dim myThickness As New Thickness()
myThickness.Bottom = 50
myThickness.Left = 50
myThickness.Right = 50
myThickness.Top = 50
tagCloud.ItemSpacing = myThickness

In C#:

Thickness myThickness = new Thickness();
myThickness.Bottom = 50;
myThickness.Left = 50;
myThickness.Right = 50;
myThickness.Top = 50;
tagCloud.ItemSpacing = myThickness;
Spacing