mateuszmarkowski / jQuery-Seat-Charts

jQuery Seat Charts Plugin
MIT License
593 stars 210 forks source link

Make seat chart responsive and scalable #72

Open efruin opened 6 years ago

efruin commented 6 years ago

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 6 years ago

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

VoordeMensen commented 4 years ago

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 4 years ago

Did anyone implement responsive seat chart map?