Multiline RadListView in UI for WinForms

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

Multiline RadListView

12 Answers 218 Views

ListView

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

12 Answers, 1 is accepted

answered on 08 Feb 2012, 05:10 PM

Hello Amin,

You could use some HTML in your display data to break up the text onto different lines. For exmaple:
1: A quick class to hold some data

public class Person

{

public Person(int id, string name, string description)

{

Id = id;

Name = name;

Description = description;

}

public int Id

{

get;

set;

}

public string Name

{

get;

set;

}

public string Description

{

get;

set;

}

and then add some data using this class to a listview

private void RadForm1_Load(object sender, EventArgs e)

{

List<Person> people = new List<Person>();

people.Add(new Person(1, "Richard", "<html>Does something.<br>I'm not sure what</html>"));

people.Add(new Person(2, "Chris", "<html>He's the boss man.<br>He can do what he wants</html>"));

people.Add(new Person(3, "Pete", "<html>Nothing, nada, zip, zero.<br>He does nothing<br>There's quite a long one here</html>"));

this.radListView1.ViewType = ListViewType.ListView;

this.radListView1.DataSource = people;

this.radListView1.ValueMember = "Id";

this.radListView1.DisplayMember = "Description";

radListView1.AllowArbitraryItemHeight = true;

}

Hope that helps, but let me know if you have further questions
Richard

answered on 13 Feb 2012, 10:09 AM

Hello Amin,

Thank you for your question.

Richard's suggestion is correct and might help you in some cases. However, it has the limitation that you need to put the line breaks manually.

To enable real text wrapping you can use:

this.radListView1.AllowArbitraryItemHeight = true;

this.radListView1.ItemSize = new Size(this.radListView1.Width - 20, 0);

this.radListView1.VisualItemFormatting += new ListViewVisualItemEventHandler(radListView1_VisualItemFormatting);

void radListView1_VisualItemFormatting(object sender, ListViewVisualItemEventArgs e)

{

e.VisualItem.TextWrap = true;

}

However, due to a small issue in the layout of RadListView, this will only work in IconView with the Q3 2011 SP1 version. The issue will be addressed with the upcoming release and you will be able to use this code with SimpleView also.

I hope you find this useful. Should you have any further questions, do not hesitate to contact us.

Kind regards,
Ivan Todorov
the Telerik team

Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>

answered on 01 Nov 2012, 07:50 AM

Hello RHEA,

Thank you for writing.

When RadListView is in details view mode, it uses cell elements to display its data. Therefore, you should use the CellCreating event to allow the TextWrap:

this.radListView1.CellCreating += new ListViewCellElementCreatingEventHandler(radListView1_CellCreating);

this.radListView1.AllowArbitraryItemHeight = true;

void radListView1_CellCreating(object sender, ListViewCellElementCreatingEventArgs e)

{

e.CellElement.TextWrap = true;

}

I hope this will help. Feel free to ask if you have any further questions.

All the best,
Ivan Todorov
the Telerik team

Q3’11 of RadControls for WinForms is available for download (see what's new). Get it today.

answered on 19 Aug 2013, 02:29 AM

Hi Stefan,

Thanks for reply. Actually, I need to have textwarp (RadListView) in vb windows. I failed to trigger the event. I tried to implement the code into C# but again event hasn't been fired. Here is sample code:

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using Telerik.WinControls.UI;

namespace ListViewTextWrap
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();


        }

        void radListView1_CellCreating(object sender, ListViewCellElementCreatingEventArgs e)
        {
            e.CellElement.TextWrap = true;
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            this.radListView1.CellCreating += new ListViewCellElementCreatingEventHandler(radListView1_CellCreating);
            this.radListView1.AllowArbitraryItemHeight = true;

            radListView1.Items.Add("abcd efgh ijkl mnop qrst uvwx yz abcd efgh ijkl mnop qrst uvwx yz abcd efgh ijkl mnop qrst uvwx yz");
            radListView1.Items.Add("aaaa bbbb cccc dddd eeee ffff gggg hhhh iiii jjjj kkkk lllll mmmmmm");

        }
    }
}

Please give a me a solution in vb as well.

Thanks,

Hassan

answered on 19 Aug 2013, 10:13 AM

509817.zip

Hello Hassan,

When the control is in DetaileView, you have to use the CellFormatting event to format the cells, while in the rest of the views, you have to use the VisualItemFormatting event. Attached you can find both C# and VB projects where both cases are handled. .

I hope this helps.

Regards,
Stefan
Telerik

TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WINFORMS.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>

answered on 22 Aug 2013, 03:11 PM

Hello Hassan,

Thank you for this clarification. Please note that unless there is specifically provided version in the forums we do test with the latest one and we do provide replied based on our investigations with the latest vesion.

Indeed, I can confirm that this code does not work with your version. However, with the very next version of the suite (2012.1.12.215) everything works as expected.

To work around the issue in your version you need to create custom visual item as the following one:

public class CustomSimpleListViewVisualItem : BaseListViewVisualItem

{

protected override SizeF MeasureOverride(SizeF availableSize)

{

if (this.Data == null)

{

return SizeF.Empty;

}

if (this.dataItem.Owner.ShowCheckBoxes)

{

this.ToggleElement.Visibility = ElementVisibility.Visible;

}

else

{

this.ToggleElement.Visibility = ElementVisibility.Collapsed;

}

float indent = 0;

if (this.Data.Owner.ShowGroups &&

(this.Data.Owner.EnableCustomGrouping || this.Data.Owner.EnableGrouping) &&

this.Data.Owner.Groups.Count > 0)

{

indent = this.Data.Owner.GroupIndent;

}

SizeF desiredSize = base.MeasureOverride(LayoutUtils.InfinitySize);

desiredSize.Width += this.ToggleElement.DesiredSize.Width;

if (this.Data.Size.Height > 0)

{

desiredSize.Height = this.Data.Size.Height;

}

if (this.Data.Size.Width > 0)

{

desiredSize.Width = this.Data.Size.Width;

}

RadListViewElement listViewElement = this.Data.Owner;

if (listViewElement != null && !listViewElement.AllowArbitraryItemWidth)

{

desiredSize.Width = listViewElement.ItemSize.Width;

}

if (listViewElement != null && !listViewElement.AllowArbitraryItemHeight)

{

desiredSize.Height = listViewElement.ItemSize.Height;

}

if (listViewElement != null && listViewElement.AllowArbitraryItemHeight && !listViewElement.AllowArbitraryItemWidth)

{

SizeF measuredSize = base.MeasureOverride(new SizeF(desiredSize.Width, float.PositiveInfinity));

desiredSize.Height = measuredSize.Height;

}

if (listViewElement != null && listViewElement.AllowArbitraryItemWidth && !listViewElement.AllowArbitraryItemHeight)

{

SizeF measuredSize = base.MeasureOverride(new SizeF(float.PositiveInfinity, desiredSize.Height));

desiredSize.Width = measuredSize.Width;

}

if (listViewElement != null && listViewElement.FullRowSelect)

{

desiredSize.Width = Math.Max(float.IsInfinity(availableSize.Width) ? 0 : GetClientRectangle(availableSize).Width, desiredSize.Width + indent);

}

SizeF clientSize = GetClientRectangle(desiredSize).Size;

RadItem editorElement = this.GetEditorElement(Editor);

SizeF sizef = new SizeF(clientSize.Width - this.ToggleElement.DesiredSize.Width, clientSize.Height);

if (IsInEditMode && editorElement != null)

{

float editorWidth = Math.Min(clientSize.Width - this.ToggleElement.DesiredSize.Width - indent, availableSize.Width - indent);

editorElement.Measure(new SizeF(editorWidth, float.PositiveInfinity));

desiredSize.Height = Math.Max(desiredSize.Height, editorElement.DesiredSize.Height);

sizef.Height = desiredSize.Height;

}

this.layoutManagerPart.Measure(sizef);

//this.Data.ActualSize = desiredSize.ToSize();

PropertyInfo prop = this.Data.GetType().GetProperty("ActualSize");

if (null != prop && prop.CanWrite)

{

prop.SetValue(this.Data, desiredSize.ToSize(), null);

}

return desiredSize;

}

protected override Type ThemeEffectiveType

{

get

{

return typeof(SimpleListViewVisualItem);

}

To put this item in action, you should use the VisualItemCreating event:

void radListView1_VisualItemCreating(object sender, ListViewVisualItemCreatingEventArgs e)

{

e.VisualItem = new CustomSimpleListViewVisualItem();

}

I hope this helps.

Regards,
Stefan
Telerik