BaseLayoutItem.ItemWidth Property

Gets or sets the width for the specified BaseLayoutItem object. This is a dependency property.

Namespace: DevExpress.Xpf.Docking

Assembly: DevExpress.Xpf.Docking.v21.1.dll

Declaration

public GridLength ItemWidth { get; set; }

Property Value

Type Description
GridLength

A GridLength object, that is the width of the specified BaseLayoutItem object.

Remarks

If a LayoutPanel object is positioned within an AutoHideGroup, the panel’s ItemWidth property is not updated when an end-user resizes the auto-hide group horizontally at runtime.

When items are horizontally lined up inside a LayoutGroup (the LayoutGroup.Orientation property is set to Horizontal), you can use the ItemWidth property to change the width of individual items, while the item height (BaseLayoutItem.ItemHeight) cannot be changed in this case.

Note

Use the MDISize property to specify a DocumentPanel size.

The following code sample sets the TopGroup height to 150 pixels (ItemHeight property), the DocumentGroup width to 3/4 of the window width, and the Toolbox width to 1/4 of the window width (ItemWidth property):

<dx:ThemedWindow
  ...
  xmlns:dx="http://schemas.devexpress.com/winfx/2008/xaml/core"
  xmlns:dxdo="http://schemas.devexpress.com/winfx/2008/xaml/docking">
  <Grid>
    <dxdo:DockLayoutManager>
      <dxdo:LayoutGroup x:Name="LayoutRoot" Orientation="Vertical">
        <dxdo:LayoutGroup x:Name="TopGroup" ItemHeight="150">
          <dxdo:LayoutPanel Caption="Toolbox" ItemWidth="*"/>
            <dxdo:DocumentGroup ItemWidth="3*">
              <dxdo:DocumentPanel Caption="Document1">
                <!-- ... -->
              </dxdo:DocumentPanel>
              <dxdo:DocumentPanel Caption="Document2"/>
                <!-- ... -->
              </dxdo:DocumentGroup>
        </dxdo:LayoutGroup>
        <dxdo:TabbedGroup>
          <dxdo:LayoutPanel Caption="Solution Explorer"/>
          <dxdo:LayoutPanel Caption="Properties"/>
        </dxdo:TabbedGroup>
      </dxdo:LayoutGroup>
    </dxdo:DockLayoutManager>
  </Grid>
</dx:ThemedWindow>

DockLayoutManager - ItemHeight and ItemWidth Properties

See Also