Hi again,

I put the setter as you indicated and this is what i got : attached in "Reult.png" image.

this changed only the background of window content.

in fact, what i want is to have the hole style of the page like the image , e.g: like the http://live.clientui.com/#/UXGridView/Reference/OrdersList uxwindow.

should i delete the header and add my custom close and minimize buttons ? if yes how can i make this happen? if not what do you suggest me ?

Hi Yudi,

please am back now to the page style tasks and i want your assistance again...

i wanted to integrate that image in my page style but i couldn't this is my page style :

 <Style x:Key="WindowStyle" TargetType="Intersoft:UXWindow"> 
        <!--<Setter Property="ToolTipService.ToolTip" Value="Move"/>-->
        <Setter Property="HeaderTemplate" >
            <Setter.Value>
                <DataTemplate >
                    <Grid x:Name="LayoutRoot">
                        <Grid.RowDefinitions>
                            <RowDefinition />
                        </Grid.RowDefinitions>
                        <Grid.ColumnDefinitions >
                            <ColumnDefinition Width="575*" />
                            <ColumnDefinition Width="25"/>
                            <ColumnDefinition Width="25"/>
                        </Grid.ColumnDefinitions>
                        <Intersoft:UXButton x:Name="uXBtnClose" Style="{StaticResource BarBtnCloseStyle}"  Command="Intersoft:WindowCommands.Close" ToolTipService.ToolTip="Close" />
                        <Intersoft:UXButton x:Name="uXBtnMinimise" Style="{StaticResource BarBtnMinimiseStyle}" Command="Intersoft:WindowCommands.Minimize" ToolTipService.ToolTip="Minimize" />
                    </Grid>
                    
                </DataTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="EnableSystemContextMenu" Value="False"/>
        <Setter Property="HeaderHorizontalAlignment" Value="Right"/>
        <Setter Property="DropShadow">
            <Setter.Value>
                <DropShadowEffect/>
            </Setter.Value>
        </Setter>
        <Setter Property="WindowStartupLocation" Value="Auto"/>
        <Setter Property="Height" Value="380"/>
        <Setter Property="Width" Value="840"></Setter>
        <Setter Property="BorderBrush" Value="{x:Null}"/>
        <Setter Property="ContentBackground" Value="{StaticResource WindowContentBackgroundColor}"/>
        <Setter Property="ContentBorderBrush" Value="{x:Null}"/>      
        <Setter Property="Foreground" Value="{StaticResource WindowForeground}"/>
        <Setter Property="HeaderForeground" Value="White"/>
        <Setter Property="InnerBackground" Value="{StaticResource WindowInnerBackground}"/>
        <Setter Property="HeaderDisplayMode" Value="Content"/>
        <Setter Property="Background" Value="{StaticResource WindowBackground}"/>
        <Setter Property="InnerBorderBrush" Value="{x:Null}"/>
        <Setter Property="ContentBorderThickness" Value="0"/>
        <Setter Property="BorderThickness" Value="0"/>
        <Setter Property="CornerRadius" Value="15"/>
        <Setter Property="HeaderMargin" Value="4"/>
        <Setter Property="InnerBorderThickness" Value="0"/>
        <Setter Property="ControlBoxVisibility" Value="Collapsed"/>
        <Setter Property="FontSize" Value="16"/>
        <Setter Property="FontFamily" Value="Euphemia"/>
        <Setter Property="FontWeight" Value="Bold"/>
        <Setter Property="BusyText" Value="Please Wait"/>
        <Setter Property="Padding" Value="5"/>
        
        
        
    </Style>

where can i put the image please?

thank's in advance

Hi!

thanx for your reply, the problem persists because when we remove the following width attributes the buttons are put on the left:

                            <Grid.ColumnDefinitions >
                                <ColumnDefinition Width="575" />
                                <ColumnDefinition Width="25"/>
                                <ColumnDefinition Width="25"/>
                            </Grid.ColumnDefinitions>

 and if i leave it like that when i resize the window, the buttons are hidden, not always stack on the topper right of the window.

Besides,

I want to know (if possible) how to handle closing and minimizing buttons events from the my style file...

Here is my modified code.

I tried somthing in the SecondTry.xaml file; I added this property

<Setter Property="HeaderHorizontalAlignment" Value="Right"/>

Tthe buttons stack now on the right side and move with window. However, the title of the window with this property can never be centred or on the left side of the window...

And i still can not handle button events from the style page :(

Waiting forward for your answer.

Have a nice day