MARKETPLACE
PLUGINS
DYNAMIC HEIGHT AND WIDTH
Dynamic Height and Width logo

Dynamic Height and Width

Published March 2023
   •    Updated June 2025

Plugin details

This plugin would allow you to dynamically change any element's height/width depending on the viewport or page size. In case you choose the "keep proportion" option please make sure the element that you apply it to has "fixed width" enabled, otherwise the responsive settings might conflict with the plugin width adjustment.

To receive special offers and important updates please visit: https://zeroqo.de/updates

🔔 Get our 15 Top Plugins Bundle with 15 most popular plugins for only 20$/month.
Plugins included in the Bundle:

- Bubble Page to PDF converter
- Stripe Marketplace Express
- Air Calendar (Full Calendar 5.9.0)
- AWS File uploader - Any size
- Advanced Rich Text Editor
- Mapbox Map
- Phone Input Number with Formatting
- Advanced Multi Uploader
- Video Player
- Dynamic Height & Width of Elements
- Audio Recorder
- Repeating Group to CSV
- Print Pro
- Advanced Audio Player
- Easy File Downloader

Get it here: https://zeroqode.com/bundle

DEMO & DOCUMENTATION
https://zeroqode.com/plugin/dynamic-height-and-width-of-bubble-elements-1531219051458x936969735410548700

PLUGIN FORUM THREAD
https://forum.bubble.io/t/dynamic-height-and-width-of-bubble-elements-new-plugin-from-zeroqode/33250

SUPERCHARGE YOUR APP WITH ZEROQODE PLUGINS
https://zeroqode.com/plugins

NO-CODE APP TEMPLATES
https://zeroqode.com

NO-CODE COURSES AND TUTORIALS
https://lab.zeroqode.com

QUESTIONS OR NEED HELP?
https://forum.zeroqode.com

Free

For everyone

stars   •   0 ratings
0 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   839 Plugins
View contributor profile

Instructions

For instructions how to set the ID attribute to a Bubble element please visit this ID attribute guide: https://forum.zeroqode.com/t/how-to-add-id-attribute-to-html-elements/469

To run this plugin you only need:
- Place an element "dynamic-height" on decided page.

- Add unique ID to elements, that you would like to have dynamic dimensions
Write the same ID to the "dynamic-height" element

- Add the custom height and width (as a percentage of the screen)  

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Action

Categories

This plugin can be found under the following categories:
Visual Elements   •   Input Forms   •   Data (things)   •   Web Scraping   •   Technical   •   Containers

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble