This is a migrated thread and some comments may be shown as answers.

Cell border color depend on row number

6 Answers 99 Views
HeatMap
This is a migrated thread and some comments may be shown as answers.
MEG.IR
Top achievements
Rank 1
MEG.IR asked on 04 Feb 2015, 12:01 AM
hi
I used RadHeatMap for dispaly busy rooms of a hotel liek Picture1. How can i have style like Picture2(seprate each floor by a bold line)
thanks

6 Answers, 1 is accepted

Sort by
0
Evgenia
Telerik team
answered on 06 Feb 2015, 12:50 PM
Hi Mostafa,

This is not possible out-of-the-box with RadHeatMap as unlike other controls from our suite RadHeatMap renders to WriteableBitmap thus there are no ways that you can style it after being rendered. What I can suggest is that you create a custom control that will position Horizontal Lines over the HeatMapColorGrid.

Regards,
Evgenia
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
MEG.IR
Top achievements
Rank 1
answered on 06 Feb 2015, 04:45 PM
Thank you for your response. But perhaps I am not able rightly to say. The photos are just for show is what I want. I wish I had something like RowStyleSelectors in RadGridView. I want 5th and 10th and 15th rows have thicker bottom border. And how can i use style to do that?

Thanks
0
Evgenia
Telerik team
answered on 10 Feb 2015, 08:29 AM
Hi,

Please mind that RadHeatMap is quite different than RadGridView. It doesn't have notion for rows and columns. In fact it is a matrix-like control that encode colored values along two axes. These values (cells) can not be styled independently as the control uses a bitmap-based rendering i.e. as I previously mentioned renders a WriteableBitmap image. You can easily see this if you inspect the control's visual tree with XAML Spy for example. So practically there is no way that you can have Grid-like styles applied on an image. What we can suggest you is that you create your own custom control and plug it to the HeatMapColorGrid template. What this control should do is calculate the rows count and columns count of the HeatMap and provide some logic for drawing a horizontal line after a specified row position.

Regards,
Evgenia
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
MEG.IR
Top achievements
Rank 1
answered on 11 Feb 2015, 08:32 PM
Thanks for your reply. Can you give me a sample using of HeatMapColorGrid.
thanks again
0
Accepted
Petar Marchev
Telerik team
answered on 13 Feb 2015, 05:07 PM
Hello Mostafa,

I am attaching a simple project where I have demonstrated Evgenia's proposal. You need to retemplate the heat map so that you can plug in a custom control right next to the heat map color grid. The custom control is the one that is responsible for rendering the horizontal lines.

Surely this is just an example project and you will need to modify it so that it fulfills your exact requirements. Let us know how it goes.

Regards,
Petar Marchev
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
MEG.IR
Top achievements
Rank 1
answered on 20 Feb 2015, 12:28 AM
Hi Evgenia
Thank you so much. Perfect answer.
Thanks again

Regards
Tags
HeatMap
Asked by
MEG.IR
Top achievements
Rank 1
Answers by
Evgenia
Telerik team
MEG.IR
Top achievements
Rank 1
Petar Marchev
Telerik team
Share this question
or