We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

SfHeatMap Header Remove and drag & drop support Issue

Hi Team,

As per the change requirements of the system,

HeatMap can support following to features:
* Hiding of horizontal and vertical headers similar to shared images.
* Drag & Drop of view cells


Please help by providing the appropriate solutions.
Thanks 
Harshul

Attachment: heatmapcolorcode_fa20e338.zip

5 Replies

RT Ramya Thirugnanam Syncfusion Team December 7, 2018 09:33 AM UTC

Hi Brijesh, 
 
Thanks for contacting Syncfusion support. 
 
S. No 
Requirement 
Response 
1.       
SfHeatMap Header Remove   
Please use the below code example to achieve your requirement. 
 
<Style TargetType="syncfusion:RowHeader"> 
    <Setter Property="Width" Value="0"/> 
    <Setter Property="Height" Value="0"/>             
</Style> 
 
<Style TargetType="syncfusion:ColumnHeader"> 
     <Setter Property="Width" Value="0"/> 
     <Setter Property="Height" Value="0"/> 
 </Style> 
 
2.       
drag & drop cells 
We are unable to understand the requirement from the provided information. Could you please provide us the video or screenshot to represent the requirement? This will help us to serve you better. 
 
Regards, 
Ramya T 



BR Brijesh December 7, 2018 12:18 PM UTC

Hi Team,

As per the change requirements of the system,

HeatMap can support following to features:

* we need a DataTemplate, In a cell, we want to show multiple data. I have attached an image for your Reference. (Image:- HeatMapContent.png)
* we need a ColorBinding of a HeatMapCell.
* Drag & Drop of view cells. I have attached a Video for your Reference. But We want that feature in SfHeatmap Cell drag and drop

Thanks
Harshul

Attachment: HeatMapUi_1ee3d7b7.zip


KR Karkuvel Rajan Shanmugavel Syncfusion Team December 10, 2018 10:52 AM UTC

Hi Brijesh, 
 
Please find the response for your queries in the below table. 
 
S.no 
Query 
Response 
1. 
we need a DataTemplate, In a cell, we want to show multiple data. I have attached an image for your Reference. (Image:- HeatMapContent.png) 
We have created a sample to achieve this requirement. In default we are binding the value of each cell with its value. But for your requirement we have changed the Datacontext of the content template as the resources of HeatMapcell. This is also only achieved in CellMapping. From this we can bind each property with respective values. 
 
Please use the below code to achieve your requirement: 
 
        <Style TargetType="syncfusion:HeatMapCell"> 
            <Setter Property="MinWidth" Value="70"/> 
            <Setter Property="MinHeight" Value="30"/> 
            <Setter Property="ToolTip" Value="{StaticResource celltip}"/> 
            <Setter Property="ContentTemplate"> 
                <Setter.Value> 
                    <DataTemplate> 
                        <StackPanel HorizontalAlignment="Center" DataContext="{Binding Path=DataContext, RelativeSource={RelativeSource AncestorType=syncfusion:HeatMapCell}}"> 
                            <TextBlock Text="{Binding ProductName}"/> 
                            <TextBlock Text="{Binding Year}"/> 
                            <TextBlock Text="{Binding Value}"/> 
                        </StackPanel> 
                    </DataTemplate> 
                </Setter.Value> 
            </Setter> 
        </Style> 
 
 
Please find the sample link below. 
2. 
we need a ColorBinding of a HeatMapCell. 
I the attached sample we have colorBinding of HeatMapcell. Please refer the sample in the below link. 
3. 
Drag & Drop of view cells. I have attached a Video for your Reference. But We want that feature in SfHeatmap Cell drag and drop 
HeatMap is a control to represent data in Tabular and cellular formats. In HeatMap we are creating 2-d rows and columns to represent the data. Iteractive Drag and Drop is not a scope in HeatMap. 
 
 
Regards, 
Karkuvel Rajan S 
 



BR Brijesh December 14, 2018 09:09 AM UTC

Hello Karkuvel,

Thanks for reply.
Targeting the current standards all application has one or more feature which needs Drag and Drop functionality. 
Please suggest which component we can use to achieve drag & drop functionality in grid form.

Regards,
Brijesh Singh


RT Ramya Thirugnanam Syncfusion Team December 14, 2018 09:46 AM UTC

Hi Brijesh,  
 
The Template to show multiple data and dragdrop cells requirements can be achieved using Tile view control. We have provided simple sample and documentation link as below. 
 
 
Sample link:
Getting_Started
 
 
 
 
 
Regards,  
Ramya T   


Loader.
Live Chat Icon For mobile
Up arrow icon