How to style Group Drop Area Items

[Unknown]

I'm no able to styling the Group Drop Area Items.
I've tried to use the GroupDropAreaStyleProperty to change foregraund and background but it is able to change only the Watermark Area and not the Item after they are dropped inside.



[Jai Ganesh S]

Hi Gianni, 

 

You can customize the GropDropArea by writing the style for GroupDropArea . We already have a kb for this, 

 

Kb Link: 

https://www.syncfusion.com/kb/2434/how-to-customize-the-groupdroparea 

 

UG Link: 

https://help.syncfusion.com/wpf/sfdatagrid/styles-and-templates#styling-groupdroparea 

 

And you can apply the style for GroupDropAreaItem by write the style for GroupDropAreaItem like below, 

 

<Window.Resources> 

       <Style x:Key="GroupDropAreaItemStyle" TargetType="{x:Type Syncfusion:GroupDropAreaItem}"> 

            <Setter Property="Foreground" Value="Red" /> 

            <Setter Property="Background" Value="LightBlue" /> 

        </Style> 

        <Style BasedOn="{StaticResource GroupDropAreaItemStyle}" TargetType="{x:Type Syncfusion:GroupDropAreaItem}" /> 

    </Window.Resources> 

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/SfGridDemo2033691354.zip 

 

Please refer the following  UG to show how to edit the default style for SfDataGrid  

 

https://help.syncfusion.com/wpf/sfdatagrid/styles-and-templates#editing-style-in-visual-studio-designer 

 

https://help.syncfusion.com/wpf/sfdatagrid/styles-and-templates#editing-datagrid-elements-style-in-visual-studio-designer 

 

Regards, 

Jai Ganesh S 

 

[Ameer Deen]

I'm no able to styling the Group Drop Area Items.
I've tried to use the GroupDropAreaStyleProperty to change foregraund and background but it is able to change only the Watermark Area and not the Item after they are dropped inside.



Agree

[Leo]

Hi Gianni, 

 

You can customize the GropDropArea by writing the style for GroupDropArea . We already have a kb for this, 

 

Kb Link: 

https://www.syncfusion.com/kb/2434/how-to-customize-the-groupdroparea 

 

UG Link: 

https://help.syncfusion.com/wpf/sfdatagrid/styles-and-templates#styling-groupdroparea 

 

And you can apply the style for GroupDropAreaItem by write the style for GroupDropAreaItem like below, 

 

<Window.Resources> 

       <Style x:Key="GroupDropAreaItemStyle" TargetType="{x:Type Syncfusion:GroupDropAreaItem}"> 

            <Setter Property="Foreground" Value="Red" /> 

            <Setter Property="Background" Value="LightBlue" /> 

        </Style> 

        <Style BasedOn="{StaticResource GroupDropAreaItemStyle}" TargetType="{x:Type Syncfusion:GroupDropAreaItem}" /> 

    </Window.Resources> 

 

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/SfGridDemo2033691354.zip 

 

Please refer the following  UG to show how to edit the default style for SfDataGrid  

 

https://help.syncfusion.com/wpf/sfdatagrid/styles-and-templates#editing-style-in-visual-studio-designer 

 

https://help.syncfusion.com/wpf/sfdatagrid/styles-and-templates#editing-datagrid-elements-style-in-visual-studio-designer 

 

Regards, 

Jai Ganesh S 

 

Hi,

Would you have the controltemplate for GroupDropAreaItem?

Thanks!

[Susmitha Sundar]

Hi Leo, 

 

Thank you for your update. 

 

We have analyzed your requirement of “Need controltemplate for GroupDropAreaItem”. We have prepared the sample for customize the GroupDropAreaItem with ControlTemplate. Please refer the following sample, 

 

Sample link: https://www.syncfusion.com/downloads/support/forum/126387/ze/GropDropAreaItem_ControlTemplate1668161369 

 

Regards, 

Susmitha S