Hello everyone,
I bought the dynamic height and width plugin, to rescale the groups in my app depending on the size of the viewport. I am building a native app on bubble, and I would like to have the same appearance for my app, even with viewports of different size. However, I can’t seem to make it work, even though I put the IDs of my groups to the dinamic height element, and asked it to make it at a 100% height and width of the viewport, with and without the “keep proportions” option.
Can someone help ?
Hi @nathan.colin53, thanks for reaching out.
To be able to help you, please provide as many details as possible. Namely:
-
screenshots and/or screencasts of your setup - workflows, plugin settings (for the screencast recording, let me please suggest using the Loom tool).
-
steps to reproduce your issue;
Looking forward to your reply.
Regards,
Well, first, thank you for your reply !
The thing is that I don’t know precisely what the plugin is supposed to do ! Does it help for only the page/group it is in ? Or all of those which IDs were given in the page ? What does the height and width parameters means ? The viewport, does it correspond to the size of the receiving end of the app, or is it the page that does it ? What does the “Keep proportions” option really mean ?
Those are the questions I asked myself when using the plugin.
As for the screenshots, they are quite difficult to provide as I am building a native app, so the tests are done on my phone, while the development is done on my laptop, so apologies for that.
For the steps, well in fact, I’m not even sure what I would like to do is possible, so could you, please, help me understand better the action of the plugin first ?
Hi @nathan.colin53, thanks for your reply, now I understand better your request.
In other words, the main feature of the plugin is to keep the image to viewport proportion. For example,
a certain image occupies 25% of the viewport on PC, and it will also have same proportion on the mobile device screen (25%).
It works with all IDs that are indicated within the plugin element corresponding input field (separated by comma).
These are the parameters of the object that should be kept after the viewport change.
For example, if you set up height/width of an object to 50% - this object will resize to 50% of the actual size of the viewport).
One more example: on page you have an image with H: 250 and W: 180. Within the plugin element, you set up 50% to height and 50% to width. It means that on viewport change, the image will change its size, and her height will be equal to 50% of the height and width will change to 50% of the viewport width. Same for viewport of the mobile devices.
Hope it helps.
P.S. We are also preparing now a new plugin demo page - that will show plugin functionality in a more understandable way.
Regards,