Make seat chart responsive and scalable
Opened this issue · 3 comments
efruin commented
The seating chart looks fine when rendered on mobile, but it does not auto-scale to fit the size of the screen. This makes it very hard to use on a smartphone. It would be nice if the chart would auto-scale to fit its parent container and then also have the ability to zoom in/out to find the specific seats the user wants.
mateuszmarkowski commented
Thank you, this is definitely a good candidate for future development.
VoordeMensen commented
For what it's worth, we have implemented this by scaling the seatmap-div to the size of the viewport:
scale = Math.min($( window ).width() / ($('#seatmap').width()+30)); //add 30 for margin
$('#seatmap').css('transform', 'scale('+scale+')');
$('#seatmap').css('transform-origin', 'top left');
salman1karim commented
Did anyone implement responsive seat chart map?