Dev express - 自定义标题模板未填充DockLayout面板

Question

我的Dock Layout面板的自定义标题模板未完全填充，标题周围有空格。另外，我如何使关闭按钮使用相同的背景样式。 docklayoutpanel custom caption template with space around

<dxdo:LayoutPanel.CaptionTemplate>
                    <DataTemplate>
                        <Grid HorizontalAlignment="Stretch"
                              DataContext="{Binding DataContext,ElementName=DockLayoutManager1}">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition />
                                <ColumnDefinition />
                            </Grid.ColumnDefinitions>

                            <Border Background="Blue"
                                    Grid.ColumnSpan="2" />

                            <TextBlock TextWrapping="Wrap"
                                       Text="Wells"
                                       >
                            </TextBlock>

                            <StackPanel Orientation="Horizontal"
                                        Grid.Column="1"
                                        HorizontalAlignment="Right">
                                <ToggleButton>
                                ...
                                </ToggleButton>
                                ...
                                <Button/>
                                ...
                            </StackPanel>
                        </Grid>
                    </DataTemplate>

                </dxdo:LayoutPanel.CaptionTemplate>

Answer 1

如果要更改LayoutPanel标题背景，可以使用LayoutPanel.Appearance属性。