Hey Zeroqoders,
we have just published a new plugin that allows you to move or resize any Bubble Element indicating number of pixels to move or resize and the speed of transition.
For more details please visit the plugin page: Move or resize any Bubble Element indicating number of pixels to move or resize and the speed of transition. (May affect responsive behavior)
Thanks!
Move or resize any Bubble Element indicating number of pixels to move or resize and the speed of transition. (May affect responsive behavior)
I bought this plugin today and I am a little bit confused. Can it change the size of “video chat” element?
I was trying to do this by appling it to the window but it seems like in reality it stayed the same, only the shape is changed but not an actual field of camera view.
Thanks for asking and sorry for delay. Could you please specify whether ‘video chat’ element is a plugin of ours, because it really depends on how the plugin element itself is built, so it might not change its height/width properly. Perhaps you can try a CSS workaround, by placing an HTML element and insert some styling to it so the height gets changed as well.
I’m having trouble getting two of your plugins to play together – Move or Resize Elements, and Mapbox Maps. I want my Mapbox Map to be vertically responsive on mobile devices, specifically, for the Mapbox Map height to be 100% of the user’s viewport (i.e. to be 100vh).
I bought the Move or Resize plugin, and I also installed the Zeroqode CSS Tools plugin and put the CSS Tools element on the page. I set the Mapbox element’s height equal to the Bubble page height, 640 pixels. I gave my Mapbox element an ID Attribute, which I then input into the “Move or Resize Elements” workflow action “Change Element’s Height”. I set the “Change Element’s Height” to “CSS Tools Available Height”.
The problem is that upon page load the Mapbox element has NOT been resized to the user’s viewport – instead, the Mapbox element is still at its original dimensions. Only after I resize the window is the Mapbox element correctly resized like it should have been.
And, that only happens in Preview mode. When I deploy to Live, the Mapbox element is not visible at all.
Please see the following setup example, that might fit your customization requirements (it doesn’t require the “Move or Resize” plugin, just the Mapbox plugin and an HTML element):
Thanks @Serg for putting together that example, however it’s still not working for me – please see this video. When the preview loads (and also when the window is resized) the height of the Mapbox element is not responsive to the window height.
Just to follow up on this topic @Serg …are there any plans to move the mapbox map plugin to also make use of the new responsive engine that Bubble has put in place? I.e. instead of defining width and height in pixels, we would be able to start defining these in % of the parent element?
Yes, but this relates only to the Bubble editor responsive engine. Plugin responsive engine is a bit different matter, and so far there was no news about its launch to live .