How to: Override the Panel OnRender Method

This example shows how to override the OnRender method of Panel in order to add custom graphical effects to a layout element.

Example

Use the OnRender method in order to add graphical effects to a rendered panel element. For example, you can use this method to add custom border or background effects. A DrawingContext object is passed as an argument, which provides methods for drawing shapes, text, images, or videos. As a result, this method is useful for customization of a panel object.

// Override the OnRender call to add a Background and Border to the OffSetPanel 
protected override void OnRender(DrawingContext dc)
{
    SolidColorBrush mySolidColorBrush  = new SolidColorBrush();
    mySolidColorBrush.Color = Colors.LimeGreen;
    Pen myPen = new Pen(Brushes.Blue, 10);
    Rect myRect = new Rect(0, 0, 500, 500);
    dc.DrawRectangle(mySolidColorBrush, myPen, myRect);
}

See Also

Tasks

Custom Radial Panel Sample

Concepts

Panels Overview

Reference

Panel

Other Resources

Panel How-to Topics

Panel Samples