[Solved] Margin between checkbox and image

[Marco]

Hello Telerik,

How could I play with margin and padding to add some spacing between image, texte and certainly my checkboxe ?

Thank you in advance for your support !

[Nadya | Tech Support Engineer]

Hi, Marco,

You can use the VisualItemFormatting event to give more space between elements in SimpleListViewVisualItem. Please refer to the following code snippet:

this.radCheckedListBox1.VisualItemFormatting += this.RadCheckedListBox1_VisualItemFormatting;
private void RadCheckedListBox1_VisualItemFormatting(object sender, ListViewVisualItemEventArgs e)
{
    e.VisualItem.Image = Resources.bul;
    //space between image and text
    e.VisualItem.Layout.LeftPart.Margin = new Padding(0, 0, 15, 0);
    //space between checkbox and image
    ((e.VisualItem as SimpleListViewVisualItem).Children[0] as ListViewItemCheckbox).Padding = new Padding(0, 0, 15, 0);
}

I hope this helps. Should you have other questions do not hesitate to contact me.

Regards,
Nadya
Progress Telerik

[Jane]

What about to give less space between each checkbox vertically?

[Nadya | Tech Support Engineer]

Hello, Jane,

If you need to manage the space between each checkbox vertically you can use the ItemSpacing property. This property controls the spacing between items, respectively the checkboxes. Its default value is 0. 

Regards,
Nadya

[Marco]

It's work perfectly !

Thank you very much