Stretch to window in canvas

Hello! I’ve been using Canvas in Ableset, and while it is fantastic and useful, it can be tedious to create 2 or 3 canvases for each device, especially since I’m not always certain which device a musician will use. I was wondering if there is an option to avoid this and have the window adjust automatically. If there isn’t such an option, would it be possible to create a function to achieve that?

Hey @Onassis, welcome to the forum!

At the moment, there isn’t a “responsive / auto-layout” mode for Canvas where the same canvas dynamically reflows(stretching or rearranging elements) depending on the device.

What does happen is that the Canvas automatically scales to the device while keeping the proportions of how it was originally designed. So it adapts to different screen sizes, but it won’t dynamically reposition or stretch elements independently.

As a quick workaround, if you want to use the same canvas across different devices, you can duplicate the canvas and then select all elements, and then resize and redistribute them for the other screen format.

Since you can copy/paste elements, it usually doesn’t take long to create a second (or third) layout once the first one is done.

Hope that helps!

Hi Agustin!
Thank you so much for your reply. That would have been amazing, but I understand it’s not available yet. Hopefully it can be added in the future!

P.S. At first, I was copying and pasting the elements just like you mentioned, but depending on the size of the new layout, the elements sometimes end up outside the layout and can’t be dragged back inside. In case it’s helpful for anyone else, what I prefer to do is duplicate the “.json” file from the Ableset canvases folder and then just adjust the size of the layout (phone/tablet portrait etc.) sometimes it isn’t even need to rearrange anything.