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
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
0
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
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
Thanks
0
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
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
thanks again
0
Accepted
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
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
Thank you so much. Perfect answer.
Thanks again
Regards