Make seat chart responsive and scalable

[efruin]

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]

Thank you, this is definitely a good candidate for future development.

[VoordeMensen]

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]

Did anyone implement responsive seat chart map?