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

RadTileElement behavior problem when setting the CellSize

2 Answers 89 Views

Panorama

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

OD asked on 02 Feb 2017, 09:42 AM

Hello,

I have a problem to handle RadTileElement when setting the TileGroupElement.CellSize property.

I create a TileGroupElement and set the RowCount Property to 3, then i add 3 RadTileElements.

I create a second TileGroupElement, set the RowCount Property to 3, the CellSize to 250;50 and then i add 3 RadTileElement.

When I launch the project, the two groups have different behavior.

On the first one, i can do everything, i can position RadTileElement where i want.

On the second one, the behavior is really different. If i move the RadTileElements the position management is a mystery, it is impossible to rearrange them in columns when they have move to row.

<Global.Microsoft.VisualBasic.CompilerServices.DesignerGenerated()> _

Partial Class RadForm1

Inherits Telerik.WinControls.UI.RadForm

'Form overrides dispose to clean up the component list.

<System.Diagnostics.DebuggerNonUserCode()> _

Protected Overrides Sub Dispose(ByVal disposing As Boolean)

Try

If disposing AndAlso components IsNot Nothing Then

components.Dispose()

End If

Finally

MyBase.Dispose(disposing)

End Try

End Sub

'Required by the Windows Form Designer

Private components As System.ComponentModel.IContainer

'NOTE: The following procedure is required by the Windows Form Designer

'It can be modified using the Windows Form Designer.

'Do not modify it using the code editor.

<System.Diagnostics.DebuggerStepThrough()> _

Private Sub InitializeComponent()

Me.RadPanorama1 = New Telerik.WinControls.UI.RadPanorama()

Me.TileGroupElement1 = New Telerik.WinControls.UI.TileGroupElement()

Me.TileGroupElement2 = New Telerik.WinControls.UI.TileGroupElement()

Me.RadTileElement1 = New Telerik.WinControls.UI.RadTileElement()

Me.RadTileElement4 = New Telerik.WinControls.UI.RadTileElement()

Me.RadTileElement5 = New Telerik.WinControls.UI.RadTileElement()

Me.RadTileElement6 = New Telerik.WinControls.UI.RadTileElement()

Me.RadTileElement2 = New Telerik.WinControls.UI.RadTileElement()

Me.RadTileElement3 = New Telerik.WinControls.UI.RadTileElement()

CType(Me.RadPanorama1, System.ComponentModel.ISupportInitialize).BeginInit()

CType(Me, System.ComponentModel.ISupportInitialize).BeginInit()

Me.SuspendLayout()

'

'RadPanorama1

'

Me.RadPanorama1.Dock = System.Windows.Forms.DockStyle.Fill

Me.RadPanorama1.Groups.AddRange(New Telerik.WinControls.RadItem() {Me.TileGroupElement1, Me.TileGroupElement2})

Me.RadPanorama1.Location = New System.Drawing.Point(0, 0)

Me.RadPanorama1.Name = "RadPanorama1"

Me.RadPanorama1.RowsCount = 3

Me.RadPanorama1.ShowGroups = True

Me.RadPanorama1.Size = New System.Drawing.Size(1183, 435)

Me.RadPanorama1.TabIndex = 0

Me.RadPanorama1.Text = "RadPanorama1"

'

'TileGroupElement1

'

Me.TileGroupElement1.Items.AddRange(New Telerik.WinControls.RadItem() {Me.RadTileElement1, Me.RadTileElement2, Me.RadTileElement3})

Me.TileGroupElement1.Name = "TileGroupElement1"

Me.TileGroupElement1.RowsCount = 3

Me.TileGroupElement1.Text = "TileGroupElement1"

'

'TileGroupElement2

'

Me.TileGroupElement2.CellSize = New System.Drawing.Size(250, 50)

Me.TileGroupElement2.Items.AddRange(New Telerik.WinControls.RadItem() {Me.RadTileElement4, Me.RadTileElement5, Me.RadTileElement6})

Me.TileGroupElement2.Name = "TileGroupElement2"

Me.TileGroupElement2.RowsCount = 3

Me.TileGroupElement2.Text = "TileGroupElement2"

'

'RadTileElement1

'

Me.RadTileElement1.Name = "RadTileElement1"

Me.RadTileElement1.Text = "RadTileElement1"

'

'RadTileElement4

'

Me.RadTileElement4.Name = "RadTileElement4"

Me.RadTileElement4.Text = "RadTileElement4"

'

'RadTileElement5

'

Me.RadTileElement5.Name = "RadTileElement5"

Me.RadTileElement5.Row = 1

Me.RadTileElement5.Text = "RadTileElement5"

'

'RadTileElement6

'

Me.RadTileElement6.Name = "RadTileElement6"

Me.RadTileElement6.Row = 2

Me.RadTileElement6.Text = "RadTileElement6"

'

'RadTileElement2

'

Me.RadTileElement2.Name = "RadTileElement2"

Me.RadTileElement2.Row = 1

Me.RadTileElement2.Text = "RadTileElement2"

'

'RadTileElement3

'

Me.RadTileElement3.Name = "RadTileElement3"

Me.RadTileElement3.Row = 2

Me.RadTileElement3.Text = "RadTileElement3"

'

'RadForm1

'

Me.AutoScaleDimensions = New System.Drawing.SizeF(6.0!, 13.0!)

Me.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font

Me.ClientSize = New System.Drawing.Size(1183, 435)

Me.Controls.Add(Me.RadPanorama1)

Me.Name = "RadForm1"

'

Me.RootElement.ApplyShapeToControl = True

Me.Text = "RadForm1"

CType(Me.RadPanorama1, System.ComponentModel.ISupportInitialize).EndInit()

CType(Me, System.ComponentModel.ISupportInitialize).EndInit()

Me.ResumeLayout(False)

End Sub

Friend WithEvents RadPanorama1 As Telerik.WinControls.UI.RadPanorama

Friend WithEvents TileGroupElement1 As Telerik.WinControls.UI.TileGroupElement

Friend WithEvents RadTileElement1 As Telerik.WinControls.UI.RadTileElement

Friend WithEvents RadTileElement2 As Telerik.WinControls.UI.RadTileElement

Friend WithEvents RadTileElement3 As Telerik.WinControls.UI.RadTileElement

Friend WithEvents TileGroupElement2 As Telerik.WinControls.UI.TileGroupElement

Friend WithEvents RadTileElement4 As Telerik.WinControls.UI.RadTileElement

Friend WithEvents RadTileElement5 As Telerik.WinControls.UI.RadTileElement

Friend WithEvents RadTileElement6 As Telerik.WinControls.UI.RadTileElement

End Class

My question is how can i handle RadTileElement of the second group like those in the first one ?

I am using VB.Net radcontrols 2016 Q3 SP1.

Thanks in advance for helping me.

Best regards.

2 Answers, 1 is accepted

answered on 02 Feb 2017, 11:02 AM

Hello Jean-Marc,

Thank you for writing.

We already have a similar issue logged in our feedback portal and I have added a vote for it on your behalf. You can track its progress, subscribe for status changes and add your comments on the following link - feedback item.

Note that each RadTileElement is positioned in the RadPanorama according to the RadTileElement.Row and the RadTileElement.Column properties. In order to avoid the confusing drag and drop operation, I can suggest you manipulate the RowSpan and ColSpan properties of the RadTileElement instead of modifying the TileGroupElement.CellSize.

I hope this information helps. Should you have further questions I would be glad to help.

Regards,
Dess
Telerik by Progress

Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.