Skip to main content
.NET Framework Class Library
PanelZIndex Attached Property

Gets or sets a value that represents the order on the z-plane in which an element appears.

Namespace:   System.Windows.Controls
Assembly:  PresentationFramework (in PresentationFramework.dll)
XMLNS for XAML: http://schemas.microsoft.com/winfx/2006/xaml/presentation, http://schemas.microsoft.com/netfx/2007/xaml/presentation
Syntax
See [%$TOPIC/ms605177_en-us_VS_110_1_0_0_0_0%], [%$TOPIC/ms605177_en-us_VS_110_1_0_0_0_1%]
See [%$TOPIC/ms605177_en-us_VS_110_1_0_1_0_0%], [%$TOPIC/ms605177_en-us_VS_110_1_0_1_0_1%]
See [%$TOPIC/ms605177_en-us_VS_110_1_0_2_0_0%], [%$TOPIC/ms605177_en-us_VS_110_1_0_2_0_1%]
See [%$TOPIC/ms605177_en-us_VS_110_1_0_3_0_0%], [%$TOPIC/ms605177_en-us_VS_110_1_0_3_0_1%]
See [%$TOPIC/ms605177_en-us_VS_110_1_0_4_0_0%], [%$TOPIC/ms605177_en-us_VS_110_1_0_4_0_1%]
<object Panel.ZIndex="[%$TOPIC/ms605177_en-us_VS_110_1_0_5_0_0%]" .../>

Property Value

Type: SystemInt32
The order on the z-plane in which this element appears.
Dependency Property Information

Identifier field

ZIndexProperty

Metadata properties set to true

None

Remarks

The greater the value of a given element, the more likely the element is to appear in the foreground. Likewise, if an element has a relatively low value, the element will likely appear in the background. For example, an element that has a value of 5 will appear above an element that has a value of 4, which in turn will appear above an element that has a value of 3, and so on. Negative values are allowed, and they continue this precedence pattern.

Members of a Children collection that have equal ZIndex values are rendered in the order in which they appear in the visual tree. You can determine the index position of a child by iterating the members of the Children collection.

Examples

The following example demonstrates how to set the value of the ZIndex property by using Extensible Application Markup Language (XAML) and code.


            // Create the application's main window
            mainWindow = new Window ();
            mainWindow.Title = "Canvas ZIndex Sample";

            // Create the Canvas
            myCanvas = new Canvas();

            // Create the child Rectangle elements
            myRectangle1 = new Rectangle();
            myRectangle2 = new Rectangle();
            myRectangle3 = new Rectangle();
            myRectangle4 = new Rectangle();
            myRectangle5 = new Rectangle();
            myRectangle6 = new Rectangle();

            // Set properties on the Rectangle elements
            Canvas.SetTop(myRectangle1, 100);
            Canvas.SetLeft(myRectangle1, 100);
            Canvas.SetZIndex(myRectangle1, 3);
            myRectangle1.Fill = Brushes.Blue;
            myRectangle1.Width = 100;
            myRectangle1.Height = 100;

            Canvas.SetTop(myRectangle2, 150);
            Canvas.SetLeft(myRectangle2, 150);
            Canvas.SetZIndex(myRectangle2, 1);
            myRectangle2.Fill = Brushes.Yellow;
            myRectangle2.Width = 100;
            myRectangle2.Height = 100;

            Canvas.SetTop(myRectangle3, 200);
            Canvas.SetLeft(myRectangle3, 200);
            Canvas.SetZIndex(myRectangle3, 2);
            myRectangle3.Fill = Brushes.Green;
            myRectangle3.Width = 100;
            myRectangle3.Height = 100;

            Canvas.SetTop(myRectangle4, 300);
            Canvas.SetLeft(myRectangle4, 200);
            Canvas.SetZIndex(myRectangle4, 1);
            myRectangle4.Fill = Brushes.Green;
            myRectangle4.Width = 100;
            myRectangle4.Height = 100;

            Canvas.SetTop(myRectangle5, 350);
            Canvas.SetLeft(myRectangle5, 150);
            Canvas.SetZIndex(myRectangle5, 3);
            myRectangle5.Fill = Brushes.Yellow;
            myRectangle5.Width = 100;
            myRectangle5.Height = 100;

            Canvas.SetTop(myRectangle6, 400);
            Canvas.SetLeft(myRectangle6, 100);
            Canvas.SetZIndex(myRectangle6, 2);
            myRectangle6.Fill = Brushes.Blue;
            myRectangle6.Width = 100;
            myRectangle6.Height = 100;

            // Add the Rectangles to the Canvas' Children collection
            myCanvas.Children.Add(myRectangle1);
            myCanvas.Children.Add(myRectangle2);
            myCanvas.Children.Add(myRectangle3);
            myCanvas.Children.Add(myRectangle4);
            myCanvas.Children.Add(myRectangle5);
            myCanvas.Children.Add(myRectangle6);

            // Add the Canvas as the Content of the parent Window Object
            mainWindow.Content = myCanvas;
            mainWindow.Show ();
// Create the application's main window
         mainWindow = gcnew Window();
         mainWindow->Title = "Canvas ZIndex Sample";

         // Create the Canvas
         myCanvas = gcnew Canvas();

         // Create the child Rectangle elements
         myRectangle1 = gcnew Rectangle();
         myRectangle2 = gcnew Rectangle();
         myRectangle3 = gcnew Rectangle();
         myRectangle4 = gcnew Rectangle();
         myRectangle5 = gcnew Rectangle();
         myRectangle6 = gcnew Rectangle();

         // Set properties on the Rectangle elements
         Canvas::SetTop(myRectangle1, 100);
         Canvas::SetLeft(myRectangle1, 100);
         Canvas::SetZIndex(myRectangle1, 3);
         myRectangle1->Fill = Brushes::Blue;
         myRectangle1->Width = 100;
         myRectangle1->Height = 100;

         Canvas::SetTop(myRectangle2, 150);
         Canvas::SetLeft(myRectangle2, 150);
         Canvas::SetZIndex(myRectangle2, 1);
         myRectangle2->Fill = Brushes::Yellow;
         myRectangle2->Width = 100;
         myRectangle2->Height = 100;

         Canvas::SetTop(myRectangle3, 200);
         Canvas::SetLeft(myRectangle3, 200);
         Canvas::SetZIndex(myRectangle3, 2);
         myRectangle3->Fill = Brushes::Green;
         myRectangle3->Width = 100;
         myRectangle3->Height = 100;

         Canvas::SetTop(myRectangle4, 300);
         Canvas::SetLeft(myRectangle4, 200);
         Canvas::SetZIndex(myRectangle4, 1);
         myRectangle4->Fill = Brushes::Green;
         myRectangle4->Width = 100;
         myRectangle4->Height = 100;

         Canvas::SetTop(myRectangle5, 350);
         Canvas::SetLeft(myRectangle5, 150);
         Canvas::SetZIndex(myRectangle5, 3);
         myRectangle5->Fill = Brushes::Yellow;
         myRectangle5->Width = 100;
         myRectangle5->Height = 100;

         Canvas::SetTop(myRectangle6, 400);
         Canvas::SetLeft(myRectangle6, 100);
         Canvas::SetZIndex(myRectangle6, 2);
         myRectangle6->Fill = Brushes::Blue;
         myRectangle6->Width = 100;
         myRectangle6->Height = 100;

         // Add the Rectangles to the Canvas' Children collection
         myCanvas->Children->Add(myRectangle1);
         myCanvas->Children->Add(myRectangle2);
         myCanvas->Children->Add(myRectangle3);
         myCanvas->Children->Add(myRectangle4);
         myCanvas->Children->Add(myRectangle5);
         myCanvas->Children->Add(myRectangle6);

         // Add the Canvas as the Content of the parent Window Object
         mainWindow->Content = myCanvas;
         mainWindow->Show();
<Page xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" WindowTitle="ZIndex Sample">
  <Canvas>
    <Rectangle Canvas.ZIndex="3" Width="100" Height="100" Canvas.Top="100" Canvas.Left="100" Fill="blue"/>
    <Rectangle Canvas.ZIndex="1" Width="100" Height="100" Canvas.Top="150" Canvas.Left="150" Fill="yellow"/>
    <Rectangle Canvas.ZIndex="2" Width="100" Height="100" Canvas.Top="200" Canvas.Left="200" Fill="green"/>

    <!-- Reverse the order to illustrate z-index property -->

    <Rectangle Canvas.ZIndex="1" Width="100" Height="100" Canvas.Top="300" Canvas.Left="200" Fill="green"/>
    <Rectangle Canvas.ZIndex="3" Width="100" Height="100" Canvas.Top="350" Canvas.Left="150" Fill="yellow"/>
    <Rectangle Canvas.ZIndex="2" Width="100" Height="100" Canvas.Top="400" Canvas.Left="100" Fill="blue"/>
  </Canvas>
</Page>
Version Information

.NET Framework

Supported in: 4.6, 4.5, 4, 3.5, 3.0

.NET Framework Client Profile

Supported in: 4, 3.5 SP1