Layout Control set many Charts

[Patricia]

 Hi everybody !

   I Have this xml that load the radLayout Control?

   <RadLayoutControl TabIndex="0">
  <Items>
    <Telerik.WinControls.UI.LayoutControlSeparatorItem Bounds="0, 0, 910, 4" Name="layoutControlSeparatorItem3" />
    <Telerik.WinControls.UI.LayoutControlItem AssociatedControlName="" DrawText="False" Text="" Bounds="0, 376, 455, 251" />
    <Telerik.WinControls.UI.LayoutControlItem AssociatedControlName="" DrawText="False" Text="" Bounds="455, 376, 455, 251" />
    <Telerik.WinControls.UI.LayoutControlItem AssociatedControlName="" DrawText="False" Text="" Bounds="0, 198, 455, 178" />
    <Telerik.WinControls.UI.LayoutControlItem AssociatedControlName="" DrawText="False" Text="" Bounds="455, 198, 455, 178" />
    <Telerik.WinControls.UI.LayoutControlItem AssociatedControlName="" DrawText="False" Text="" Bounds="0, 4, 455, 194" />
    <Telerik.WinControls.UI.LayoutControlItem AssociatedControlName="" DrawText="False" Text="" Bounds="455, 4, 455, 194" />
  </Items>
</RadLayoutControl>

  When load the layout from "this.radLayoutControl2.LoadLayout(pathTheXml);" My ideia is set in each LayoutControlItem the Chart. I try this:

    var itens = this.radLayoutControl2.Items.OfType<LayoutControlItem>().ToList();
            var layoutSeparator = this.radLayoutControl2.Items.OfType<LayoutControlSeparatorItem>().FirstOrDefault();

            foreach (var newTeamMemberItem in itens)
            {
                RadChartView radChartView = new RadChartView();
                radChartView.Title = "AAAAAA";
                radChartView.Name = "radChartView" + index;
                radChartView.ThemeName = this.radLayoutControl1.ThemeName;
                setChart(chartModelArea, radChartView, EnumTipoGrafico.Barra);

                newTeamMemberItem.Name = "nameStart";
                newTeamMemberItem.AssociatedControl = radChartView;
                newTeamMemberItem.DrawText = true;
                newTeamMemberItem.MaxSize = newTeamMemberItem.MaxSize;
                newTeamMemberItem.MinSize = newTeamMemberItem.MinSize;
                newTeamMemberItem.TextAlignment = System.Drawing.ContentAlignment.MiddleLeft;
                newTeamMemberItem.TextFixedSize = 26;
                newTeamMemberItem.TextImageRelation = System.Windows.Forms.TextImageRelation.ImageBeforeText;
                newTeamMemberItem.TextPosition = Telerik.WinControls.UI.LayoutItemTextPosition.Top;
                newTeamMemberItem.TextSizeMode = Telerik.WinControls.UI.LayoutItemTextSizeMode.Fixed;

                if (layoutSeparator != null)
                this.radLayoutControl2.AddItem(newTeamMemberItem, layoutSeparator, LayoutControlDropPosition.Bottom);
                else
                    this.radLayoutControl2.AddItem(newTeamMemberItem, newTeamMemberItem, LayoutControlDropPosition.Bottom);
            }

 

    But this doesn't work. Can you help please. Thanks

 

   

 

[Dess | Tech Support Engineer, Principal]

Hello, Marco,

Following the provided information, I have prepared a sample project. Please refer to the attached sample project for your reference. 

I have removed the separators in order to size the charts in a more convenient way. The below screenshot illustrates the obtained result on my end:

Please give the sample project a try and see how it works on your end.

I hope this information helps. If you need any further assistance please don't hesitate to contact me. 

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik

[Patricia]

 Hi Dess, this works very thank you !

           Do you create ItemLayoutControl in runtime ? If yes can you show me ? 

[Dess | Tech Support Engineer, Principal]

 

Hello, Marco, 

Please refer to the attached sample project from my previous reply. 

The only change that I made in the code snippet was to comment the last code lines with adding LayoutControlSeparatorItems and just leave the load layout functionality to do the rest:   

        public RadForm1()
        {
            InitializeComponent();
            this.radLayoutControl1.LoadLayout(@"..\..\layout.xml"); 
            
            var itens = this.radLayoutControl1.Items.OfType<LayoutControlItem>().ToList();
            var layoutSeparator = this.radLayoutControl1.Items.OfType<LayoutControlSeparatorItem>().FirstOrDefault();
            int index = 0;
            foreach (var newTeamMemberItem in itens)
            {
                index++;
                RadChartView radChartView = new RadChartView();
                radChartView.Title = "AAAAAA";
                radChartView.Name = "radChartView" + index;
                radChartView.ThemeName = this.radLayoutControl1.ThemeName;
                SetChart( radChartView);

                newTeamMemberItem.Name = "nameStart";
                newTeamMemberItem.AssociatedControl = radChartView;
                newTeamMemberItem.DrawText = true;
                newTeamMemberItem.MaxSize = newTeamMemberItem.MaxSize;
                newTeamMemberItem.MinSize = newTeamMemberItem.MinSize;
                newTeamMemberItem.TextAlignment = System.Drawing.ContentAlignment.MiddleLeft;
                newTeamMemberItem.TextFixedSize = 26;
                newTeamMemberItem.TextImageRelation = System.Windows.Forms.TextImageRelation.ImageBeforeText;
                newTeamMemberItem.TextPosition = Telerik.WinControls.UI.LayoutItemTextPosition.Top;
                newTeamMemberItem.TextSizeMode = Telerik.WinControls.UI.LayoutItemTextSizeMode.Fixed;

                //if (layoutSeparator != null)
                //    this.radLayoutControl1.AddItem(newTeamMemberItem, layoutSeparator, LayoutControlDropPosition.Bottom);
                //else
                //    this.radLayoutControl1.AddItem(newTeamMemberItem, newTeamMemberItem, LayoutControlDropPosition.Bottom);
            }
        }

Should you have further questions please let me know.

Regards,
Dess | Tech Support Engineer, Sr.
Progress Telerik