HYTOS

using Newtonsoft.Json.Linq;

using System;

using System.Collections.Generic;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using Telerik.WinControls.UI;

namespace ID2.Manager.Controls

{

    public  class MarkupDetailCellElement :  GridDetailViewCellElement

    {

        StackLayoutElement layoutRoot;

        RadListViewElement listView;

        public MarkupDetailCellElement(GridViewColumn column, GridRowElement row) : base(column, row)

        {

            this.MaxSize = new System.Drawing.Size(450, 100);

        }

        protected override Type ThemeEffectiveType

        {

            get

            {

                return typeof(GridDetailViewCellElement);

            }

        }

        protected override void CreateChildElements()

        {

            base.CreateChildElements();

            layoutRoot = new StackLayoutElement();

            listView = new RadListViewElement();

            listView.VisualItemCreating += ListView_VisualItemCreating;

            listView.ViewType = ListViewType.DetailsView;

            listView.ShowColumnHeaders = false;

            listView.BestFitColumns(ListViewBestFitColumnMode.AllCells);

            listView.ColumnCreating += ListView_ColumnCreating;

            layoutRoot.Orientation = System.Windows.Forms.Orientation.Horizontal;

            layoutRoot.Children.Add(listView);

            this.Children.Add(layoutRoot);

        }

        private void ListView_ColumnCreating(object sender, ListViewColumnCreatingEventArgs e)

        {

            if (e.Column.FieldName == "NAME")

            {

                e.Column.MaxWidth = 140;

            }

            else if (e.Column.FieldName == "CREATE_DATE")

            {

                e.Column.MaxWidth = 120;

            }

            else

            {

                e.Column.BestFit();

            }

        }

        private void ListView_VisualItemCreating(object sender, ListViewVisualItemCreatingEventArgs e)

        {

            //e.VisualItem = new MarkupListViewItem();

        }

        protected override bool IsInVisibleClipBounds(Rectangle clipRectangle)

        {

            return base.IsInVisibleClipBounds(clipRectangle);

        }

        protected override void OnViewCellFormatting(CellFormattingEventArgs e)

        {

            base.OnViewCellFormatting(e);

        }

        protected override void UpdateInfoCore()

        {

            base.UpdateInfoCore();

        }

        protected override GridTableElement CreateChildTableElement()

        {

            var table = base.CreateChildTableElement();

            table.Visibility = Telerik.WinControls.ElementVisibility.Collapsed;

            return table;

        }

        public override void UpdateInfo()

        {

            base.UpdateInfo();

            List<Markup> markups = new List<Markup>();

            var markup = (this.HierarchyRow.DataBoundItem as ID2.Manager.Data.Models.Documents).MarkupText;

            listView.DataSource = null;

            if (!string.IsNullOrWhiteSpace(markup))

            {

                var items = Newtonsoft.Json.JsonConvert.DeserializeObject<List<Markup>>(markup);

                listView.DataSource = items;

                listView.BestFitColumns(ListViewBestFitColumnMode.AllCells);

            }

        }

    }

    public class Markup

    {

        //public string PROJECT_NO { get; set; }

        //public string DOCUMENT_ID { get; set; }

        //public string MARKUP_DATA_ID { get; set; }

        //public int PAGENUMBER { get; set; }

        public string NAME { get; set; }

        public string Text { get; set; }

        private string create_Date;

        public string CREATE_DATE

        {

            get

            { return create_Date; }

            set

            {

                create_Date = Convert.ToDateTime(value).ToString("yyyy-MM-dd HH:mm");

            }

        }

    }

}

using System;

using System.Collections.Generic;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using System.Windows.Forms;

using Telerik.WinControls.Layouts;

using Telerik.WinControls.UI;

namespace ID2.Manager.Controls

{

    public class MarkupListViewItem : SimpleListViewVisualItem

    {

        private LightVisualElement textElement;

        private LightVisualElement nameElement;

        private LightVisualElement dateElement;

        private StackLayoutPanel stackLayout;

        protected override void CreateChildElements()

        {

            base.CreateChildElements();

            this.stackLayout = new StackLayoutPanel();

            this.stackLayout.Orientation = Orientation.Horizontal;

            this.stackLayout.EqualChildrenWidth = true;

            this.stackLayout.ShouldHandleMouseInput = false;

            this.stackLayout.NotifyParentOnMouseInput = true;

            this.nameElement = new LightVisualElement();

            this.nameElement.StretchHorizontally = true;

            this.nameElement.MinSize = new Size(120, 0);

            this.nameElement.BorderThickness = new Padding(1);

            this.nameElement.TextAlignment = ContentAlignment.MiddleCenter;

            this.nameElement.ShouldHandleMouseInput = false;

            this.nameElement.NotifyParentOnMouseInput = true;

            this.stackLayout.Children.Add(this.nameElement);

            this.textElement = new LightVisualElement();

            this.textElement.StretchHorizontally = true;

            this.textElement.MinSize = new Size(200, 0);

            this.nameElement.BorderThickness = new Padding(0,1,0,1);

            this.nameElement.TextAlignment = ContentAlignment.MiddleLeft;

            this.textElement.ShouldHandleMouseInput = false;

            this.textElement.NotifyParentOnMouseInput = true;

            this.stackLayout.Children.Add(this.textElement);

            this.dateElement = new LightVisualElement();

            this.dateElement.StretchHorizontally = true;

            this.dateElement.MinSize = new Size(120, 0);

            this.nameElement.BorderThickness = new Padding(0, 1, 1, 1);

            this.nameElement.TextAlignment = ContentAlignment.MiddleCenter;

            this.dateElement.ShouldHandleMouseInput = false;

            this.dateElement.NotifyParentOnMouseInput = true;

            this.stackLayout.Children.Add(this.dateElement);

            this.Children.Add(this.stackLayout);

        }

        protected override void SynchronizeProperties()

        {

            base.SynchronizeProperties();

            this.Text = "";

            this.dateElement.Text = Convert.ToDateTime(this.Data["CREATE_DATE"]).ToString("yyyy-MM-dd HH:mm");

            this.textElement.Text = Convert.ToString(this.Data["Text"]);

            this.nameElement.Text = Convert.ToString(this.Data["NAME"]);

        }

        protected override Type ThemeEffectiveType

        {

            get

            {

                return typeof(SimpleListViewVisualItem);

            }

        }

    }

}

using System;

using System.Collections.Generic;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Threading.Tasks;

using Telerik.WinControls.UI;

namespace ID2.Manager.Controls

{

    public class RowDetailViewRowElement : GridDetailViewRowElement

    {

        public RowDetailViewRowElement()

        {

        }

        protected override Type ThemeEffectiveType

        {

            get { return typeof(GridDetailViewRowElement); }

        }

        //protected override SizeF MeasureOverride(SizeF availableSize)

        //{

        //    this.ContentCell.ChildTableElement.StretchHorizontally = false;

        //    return base.MeasureOverride(availableSize);

        //}

        //protected override SizeF ArrangeOverride(SizeF finalSize)

        //{

        //    base.ArrangeOverride(finalSize);

        //    RectangleF clientRect = GetClientRectangle(finalSize);

        //    float x = clientRect.Left;

        //    x = this.TableElement.Size.Width / 2 - (clientRect.Left + TableElement.CellSpacing + ContentCell.DesiredSize.Width + this.TableElement.VScrollBar.Size.Width) / 2;

        //    ContentCell.Arrange(new RectangleF(x, clientRect.Top, clientRect.Width, clientRect.Height));

        //    return finalSize;

        //}

        protected override void CreateChildElements()

        {

            //base.CreateChildElements();

            this.Margin = new System.Windows.Forms.Padding(10,1,0,5);

        }

        public override void Synchronize()

        {

            base.Synchronize();

        }

    }

}

    <Compile Include="Controls\MarkupDetailCellElement.cs" />

    <Compile Include="Controls\MarkupListViewItem.cs" />

    <Compile Include="Controls\RowDetailViewRowElement.cs" />

            this.radGridViewDocuments.CreateRow += RadGridViewDocuments_CreateRow;

            this.radGridViewDocuments.CreateCell += RadGridViewDocuments_CreateCell1;

            if (this.radGridViewDocuments.SelectedRows.Count() > 0 && this.radGridViewDocuments.SelectedRows.First().DataBoundItem is Documents doc)

        private void RadGridViewDocuments_CreateRow(object sender, GridViewCreateRowEventArgs e)

        {

            if (e.RowType == typeof(GridDetailViewRowElement))

            {

                //if (e.RowInfo.ChildRows.Count() > 0)

                //{

                    e.RowElement = new RowDetailViewRowElement();

                //}

                //else

                //{

                //    e.RowElement = null;

                //}

            }

        }

        private void RadGridViewDocuments_CreateCell1(object sender, GridViewCreateCellEventArgs e)

        {

            if (e.CellType == typeof(GridDetailViewCellElement))

            {

                //if (e.Row.RowInfo.ChildRows.Count() > 0)

                //{

                    e.CellElement = new MarkupDetailCellElement(e.Column, e.Row);

                //}

            }

        }

            else if(e.Row is GridViewDetailsRowInfo)

            {

                if(e.CellElement is MarkupDetailCellElement element)

                {

                    element.UpdateInfo();

                }

            }