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

Treemap Selection Animation

2 Answers 83 Views
TreeMap
This is a migrated thread and some comments may be shown as answers.
prasanth
Top achievements
Rank 1
prasanth asked on 22 Aug 2017, 03:29 PM

Hi,

Would you please let me know if I can avoid the treemap animation on mouse hover. Normally the treemap tile shrinks a bit when user does a mouse enter. I just want to avoid that behaviour. I've attached the screenshot for reference.

 

Regards

Prasanth

2 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 24 Aug 2017, 07:58 AM
Hi Prasanth,

The reported shrinking is due to box-shadow applied on hovering a tile. This can be seen when inspecting the TreeMap tile on hover in the browser development tools. I prepared a short video showing how to inspect such styles. And the following Dojo snippet shows the removed box shadows in action. If further modifications are needed, the styles may be inspected as shown in the video and  then be overwritten as shown in the Dojo.

Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
prasanth
Top achievements
Rank 1
answered on 24 Aug 2017, 09:09 AM
It works. Thank you very much for your support. Thanks !!
Tags
TreeMap
Asked by
prasanth
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
prasanth
Top achievements
Rank 1
Share this question
or