How to customize DataEntry Item Controls Layout

Environment

Product Version 2018.1 220
Product RadEditors (TextBox, MaskedEditBox, DateTimePicker, TimePicker, SpinEditor, ColorBox, BrowseEditor, Clock, AutoCompleteBox, TextBoxControl, PopupEditor) for WinForms

Description

An example on how to programmatically rearrange the DataEntry item child controls.

Before

dataentry-customize-editor-controls-layout 001

After

dataentry-customize-editor-controls-layout 002

Solution

The RadDataEntry ItemInitialized event is appropriate for adjusting the position of the whole panel that holds the label and editor per field.

void radDataEntry1_ItemInitialized(object sender, Telerik.WinControls.UI.ItemInitializedEventArgs e)
{
    if (e.Panel.Controls[1].Text == "FirstName")
    {
        e.Panel.Size = new Size(150, 25);
        e.Panel.Controls[1].Text = "Name";
    }
    else
    {
        e.Panel.Location = new Point(e.Panel.Location.X, e.Panel.Location.Y - 25);
    }
}

However, when the DataSource is set, the item's RadLabel and Editor will be automatically arranged horizontally.

To override this automatic arrangement, subscribe to the LocationChanged event of the respective control in order to override the automatically set location of the layout arrangement.

int y = 70;

private void RadDataEntry1_ItemInitialized(object sender, Telerik.WinControls.UI.ItemInitializedEventArgs e)
{
    if (e.Panel.Controls[1].Text == "ProductName")
    {
        e.Panel.Size = new Size(300, 120);
        e.Panel.Location = new Point(210, radDataEntry1.ItemSpace);
        e.Panel.Controls[0].Location = new Point(20, y);
        e.Panel.Controls[1].Location = new Point(0, 0);
        e.Panel.Controls[1].Size = new Size(100, 100);
        e.Panel.Controls[0].LocationChanged -= RadForm2_LocationChanged;
        e.Panel.Controls[0].LocationChanged += RadForm2_LocationChanged;
        e.Panel.Controls[1].LocationChanged -= RadForm2_LocationChanged;
        e.Panel.Controls[1].LocationChanged += RadForm2_LocationChanged;
    }
}

private void RadForm2_LocationChanged(object sender, EventArgs e)
{
    RadTextBox tb = sender as RadTextBox;
    if (tb != null && tb.Location.Y != y)
    {
        tb.Location = new Point(0, y);
    }

    RadLabel lbl = sender as RadLabel;
    if (lbl != null)
    {
        lbl.Location = new Point(0, 0);
    }
}

Note If you change the editor, you can subscribe to the LocationChanged event in the event handler where you specify the editor.

See Also

In this article
Not finding the help you need? Improve this article