Edit this page

Customize Elements

Customizing the Text Box

You can access the text box by using the TextBoxElement property. This allows you to change any property specific to the text box. For example the following code snippet shows how you can change the Font and the ForeColor:

Customize TextBoxElement

radPopupEditor1.TextBoxElement.Font = new Font("Arial", 12, FontStyle.Regular);
radPopupEditor1.ForeColor = ColorTranslator.FromHtml("#008de7");

radPopupEditor1.TextBoxElement.Font = New Font("Arial", 12, FontStyle.Regular)
radPopupEditor1.ForeColor = ColorTranslator.FromHtml("#008de7")

Figure 1: Customizing the text box Font and ForeColor.

editors-popupeditor-customize-elements 001

Customizing the Arrow Button

The arrow button can be accessed via the ArrowButtonElement property. The following example shows how you can access and set the BackColor of the button:

Set arrow button BackColor

radPopupEditor1.PopupEditorElement.ArrowButtonElement.Fill.BackColor = ColorTranslator.FromHtml("#009de1");
radPopupEditor1.PopupEditorElement.ArrowButtonElement.Fill.GradientStyle = Telerik.WinControls.GradientStyles.Solid;

radPopupEditor1.PopupEditorElement.ArrowButtonElement.Fill.BackColor = ColorTranslator.FromHtml("#009de1")
radPopupEditor1.PopupEditorElement.ArrowButtonElement.Fill.GradientStyle = Telerik.WinControls.GradientStyles.Solid

Figure 2: Set Arrow Button BackColor.

editors-popupeditor-customize-elements 002

Customizing the Popup

The popup can be access with the Popup property. This gives you access to all public popup properties and elements. For example you can change the BackColor of the popup like this:

Change Popup BackColor

void RadForm1_Load(object sender, EventArgs e)
{
    radPopupEditor1.Popup.BackColor = ColorTranslator.FromHtml("#009de1");
}

Private Sub RadForm1_Load(ByVal sender As Object, ByVal e As EventArgs)
    radPopupEditor1.Popup.BackColor = ColorTranslator.FromHtml("#009de1")
End Sub

Figure 3: Change Popup BackColor.

editors-popupeditor-customize-elements 003

See Also