Panel with BackImageUrl

The BackImageUrl property sets a background image on the Panel using inline CSS background-image:url(...).

Panel with Background Image

This Panel has a background image set via BackImageUrl.

<Panel BackImageUrl="https://via.placeholder.com/600x200"
       Width="Unit.Pixel(600)"
       Height="Unit.Pixel(200)"
       BorderStyle="BorderStyle.Solid"
       BorderWidth="Unit.Pixel(1)">
    <p>Content over background image.</p>
</Panel>

Panel with Background Image and Styling

Centered panel with background image and border.

<Panel BackImageUrl="https://via.placeholder.com/400x150"
       HorizontalAlign="HorizontalAlign.Center"
       BorderStyle="BorderStyle.Solid"
       BorderWidth="Unit.Pixel(2)"
       BorderColor="WebColor.Navy">
    <p>Centered content over image.</p>
</Panel>