I have a form with two TextBox controls with ShowEmbeddedLabel and RepositionEmbeddedLabel enabled. The TextBox font size is 18P and the Embedded Label sizes are 18P and 10P.
When running, the first textbox with the larger EL looks and works fine. The textbox with the 10P EL, not so much. The EL rests in the center of the control, rather than the bottom. What property have I overlooked to have the 10P EL align to the bottom of the control rather than hover in the center?
I've tried disabling TextBoxElement.AutoSize and setting its Size, but that really confuses the renderer. Messing the the LightVisualElements, didn't help either. Resizing the control almost works, but the descenders, the 'tails', of letters are clipped then the EL is bottom aligned.
Thanks!
public RadForm1()
{
InitializeComponent();
radTextBox1 = new Telerik.WinControls.UI.RadTextBox();
radTextBox1.Font = new System.Drawing.Font("Segoe UI", 18F);
radTextBox1.Location = new System.Drawing.Point(10, 10);
radTextBox1.Size = new System.Drawing.Size(300, 80);
radTextBox1.EmbeddedLabelText = "RTB1: 18F x 18F";
radTextBox1.ShowEmbeddedLabel = true;
this.Controls.Add(this.radTextBox1);
radTextBox1.TextBoxElement.Font = new System.Drawing.Font("Segoe UI", 18F);
radTextBox2 = new Telerik.WinControls.UI.RadTextBox();
radTextBox2.Font = new System.Drawing.Font("Segoe UI", 18F);
radTextBox2.Location = new System.Drawing.Point(10, 90);
radTextBox2.Size = new System.Drawing.Size(300, 80);
radTextBox2.EmbeddedLabelText = "RTB2: 18F x 10F";
radTextBox2.ShowEmbeddedLabel = true;
this.Controls.Add(this.radTextBox2);
radTextBox2.TextBoxElement.Font = new System.Drawing.Font("Segoe UI", 10F);
}