Treemap Selection Animation

3 posts, 0 answers
  1. prasanth
    prasanth avatar
    7 posts
    Member since:
    Jul 2017

    Posted 22 Aug Link to this post

    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. Dimitar
    Admin
    Dimitar avatar
    356 posts

    Posted 24 Aug Link to this post

    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.
  3. prasanth
    prasanth avatar
    7 posts
    Member since:
    Jul 2017

    Posted 24 Aug Link to this post

    It works. Thank you very much for your support. Thanks !!
Back to Top