The benefit of using this approach is that there are additional features in RadSpinEditor such as the modification of the numbers with Step using the MouseWheel and the functionality given by ThousandsSeparator, Hexadecimal, Maximum and Minimum properties.
Here are the steps to do this:
1.Drag RadSpinEditor into the form area
2.In the Action List choose "Edit UI elements"
3.In the dialog tree select the BoxLayout that is just under the DockLayoutPanel. For that BoxLayout, set the Visbility property to Collapsed.
4.RadSpinEditor will decrease its height, since spin buttons' height is no longer being calculated. Therefore, you should set the top Padding of the RadSpinElement to 2 and the bottom Padding to 3.