# Dynamic Spacer

{% hint style="info" %}
Available to PRO and higher plan users.
{% endhint %}

The dynamic spacer assists in the vertical positioning of widgets relative to each other, and the top/bottom of the page in the Blynk.App. The widget will help maintain consistent UI regardless of different screen sizes, making sure your important UI elements are properly positioned and never go below the screen fold.

<figure><img src="/files/eqblk4fROgPgtjdSId8d" alt=""><figcaption></figcaption></figure>

### Widget Controls

You can [add](/en/blynk.apps/constructor.md#add-widgets), [duplicate](/en/blynk.apps/constructor.md#duplicate-widgets), [delete](/en/blynk.apps/constructor.md#delete-a-widget), and [move](/en/blynk.apps/constructor.md#move-widgets) the dynamic spacer on the canvas just like any other widget. The widget can only be [resized](/en/blynk.apps/constructor.md#resize-widgets) vertically, which determines its multiplier value.

The multiplier only applies when more than one Dynamic Spacer is on the screen. The maximum multiplier value is 24x.

The Dynamic Spacer only operates on the space between it and a widget or the page top/bottom if it is sticking (edges are adjacent) to them.

### One Dynamic Spacer

Placing the Dynamic Spacer with a widget below it will cause the widget to be placed at the bottom of the page. If multiple widgets are present below the Dynamic Spacer, their relative spacing will be maintained, and the lower most widget will be aligned to the bottom page position. The multiplier setting has no effect on the spacing.

Remember, for the Dynamic Spacer to function correctly, it should be set to 'stick' to the edges of the objects above it and below. Note how the Dynamic Spacer in the example below is sticking to the top of the page, causing it to operate on the space between it and the widgets below it.

<figure><img src="/files/FLzqbkEvZ16cJJe6bayI" alt=""><figcaption></figcaption></figure>

The placement of the widget below the Dynamic Spacer to the bottom of the page is the same when the Dynamic Spacer is sticking to a widget above it (instead of the top of the page).

<figure><img src="/files/4UQJTMGvbmbxcJ7SsvvJ" alt=""><figcaption></figcaption></figure>

### Multiple Dynamic Spacers

When more than one Dynamic Spacer is on a page, then the space available to all of them is allocated in proportion to the multiplier values. In the example below, the designer has used one Dynamic Spacer with a multiplier of 5x, and another with a multiplier of 3x to locate the button widget in the space available with a ratio of 5:3 or approximately the Golden Ratio.

<figure><img src="/files/VmQPrNEr5fJbxdWWFHJP" alt=""><figcaption></figcaption></figure>

You have the flexibility to define any proportions you desire, and the layout will adapt seamlessly to various smartphone screen heights.

### Datastream

Dynamic Spacer is solely a UI widget and does not interact with hardware. It does not utilize any datastreams and it cannot be modified by the HTTP API.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.blynk.io/en/blynk.apps/widgets-interface/dynamic-spacer.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.