This is a migrated thread and some comments may be shown as answers.

Horizontal Scroll in ViewType of ListView

2 Answers 631 Views

ListView

This is a migrated thread and some comments may be shown as answers.

D.Snake asked on 08 Apr 2015, 03:12 AM

Hi guys,

I have a RadListView, its ViewType is ListView. I use a custom item of SimpleListViewVisualItem like below.

The problem is that when Item.Text is too long and overflow, ListView has no horizontal scroll to see the full text.

Is there any way to fix it?

public class UnitListVisualItem : SimpleListViewVisualItem

{

private LightVisualElement element1;

private LightVisualElement element2;

private StackLayoutPanel layout;

protected override void CreateChildElements()

{

base.CreateChildElements();

this.layout = new StackLayoutPanel();

this.layout.EqualChildrenWidth = true;

this.layout.Margin = new Padding(30, 20, 0, 0);

this.element1 = new LightVisualElement();

element1.TextAlignment = ContentAlignment.MiddleLeft;

element1.MinSize = new Size(160, 0);

element1.NotifyParentOnMouseInput = true;

element1.ShouldHandleMouseInput = false;

this.layout.Children.Add(this.element1);

this.element2 = new LightVisualElement();

element2.TextAlignment = ContentAlignment.MiddleLeft;

element2.MinSize = new Size(160, 0);

element2.NotifyParentOnMouseInput = true;

element2.ShouldHandleMouseInput = false;

this.layout.Children.Add(this.element2);

this.Children.Add(this.layout);

}

private bool IsNotZero(ListViewDataItem item, string field)

{

return item[field] != null && Convert.ToInt32(item[field]) != 0;

}

protected override void SynchronizeProperties()

{

base.SynchronizeProperties();

this.AutoSize = true;

this.AutoSizeMode = RadAutoSizeMode.FitToAvailableSize;

RadElement element = this.FindAncestor<RadListViewElement>();

if (element == null)

{

return;

}

this.Text = "<html> " + this.Data["Name"] + "";

this.element1.Text = "<html>" +

"Mã đơn vị:" + this.Data["MaDV"] + "" +

" Trạng thái:" + (this.IsNotZero(this.Data, "Status") ? "" + this.Data["StatusName"] : "" + this.Data["StatusName"]) + "" + "";

this.element2.Text = "<html>" +

"Hiệu lực từ :"

+ (this.Data["ValidFrom"] == DBNull.Value ? "" : Convert.ToDateTime(this.Data["ValidFrom"]).ToString("dd/MM/yyyy")) + "" +

" Hiệu lực đến:"

+ (this.Data["ValidTo"] == DBNull.Value ? "" : Convert.ToDateTime(this.Data["ValidTo"]).ToString("dd/MM/yyyy")) + "";

this.TextAlignment = ContentAlignment.TopLeft;

}

protected override Type ThemeEffectiveType

{

get

{

return typeof(SimpleListViewVisualItem);

}

2 Answers, 1 is accepted

Accepted

answered on 10 Apr 2015, 10:06 AM

Hi Toan,

Thank you for contacting us.

RadListView has three properties for controlling the size of its items:

AllowArbitraryItemWidth - allows items to be auto-sized according to their content horizontally.
AllowArbitraryItemHeight - allows items to be auto-sized according to their content vertically.
ItemSize - sets the size constraint for all items in case any of the previous properties is false.

In your case, you can either increase the ItemSize so that the values you want to display fit within the specified size, or set both AllowArbitraryItemWidth and AllowArbitraryItemHeight to true, which will allow your items to be auto-sized in both directions. In both cases, the horizontal scrollbar will display and will allow you to scroll through your items' content.

The sizing modes and other properties concerning the items in RadListView are discussed in this help article: http://www.telerik.com/help/winforms/listview-features-working-with-items.html

I hope you find this helpful. If you have any additional questions, feel free to write back.

Regards,
Ivan Todorov
Telerik

See What's Next in App Development. Register for TelerikNEXT.