Hello Akshay,
I tried to recreate the map not appearing when in a hidden tab to no avail:
http://dojo.telerik.com/UxOBa
In my case, I have added a width and height to the div from which I initialize the Kendo UI Map, however, the map gets rendered without it with no problem.
Could you confirm that the map renders as expected when it is placed out of the hidden tab?
One thing which you may try is:
- set width/height of the HTML element with the kendo-map directive
- add a handler for the
activate event of the Kendo UI TabStrip
-
get the map instance and call its
resize method in the
activate event to see if this makes any difference
If this does not help, could you look at the provided example and edit it to best mimic your scenario and send back the newly generated URL from the address bar so I can inspect the behaviour and make suggestions.
Look forward to hearing back from you.
Kind Regards,
Alex Hajigeorgieva
Telerik by Progress