> For the complete documentation index, see [llms.txt](https://docs.notionapps.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.notionapps.com/guides/control-desktop-form-submit-placement.md).

# Control Desktop Form Submit Placement

Place the Create/Update Form **Submit** button independently on desktop — without changing how it behaves on phones.

This guide shows how to set **Desktop position** and **Desktop alignment**, preview the result, and publish.

{% hint style="info" %}
**Scope (current release)**\
Desktop placement is **opt-in**. Leave **Desktop position** on **Match mobile** to keep the classic layout. Mobile apps and phone preview always use **Mobile position**.
{% endhint %}

***

### What you get

On desktop (builder preview and published desktop browsers) you can choose:

| Desktop position      | Behavior                                                         |
| --------------------- | ---------------------------------------------------------------- |
| Match mobile          | Same placement rules as the phone setting (legacy / default)     |
| Floating over content | Button floats over the form (similar to floating mobile)         |
| End of form content   | Button sits at the end of the form fields (scrolls with content) |
| Sticky page footer    | Button stays pinned to the bottom of the page while scrolling    |

Plus **Desktop alignment**: **Left**, **Center**, or **Right**.

***

### Before you start

You need:

* A **Create Form** or **Update Form** screen
* Access to that screen’s submit / Behaviour settings in the builder
* Permission to **Publish**

{% hint style="warning" %}
**Existing apps**\
Apps that never set Desktop position keep **Match mobile**. Nothing changes until you opt in.
{% endhint %}

***

### Step 1 — Open the form screen

1. Open your application in the NotionApps builder.
2. Select the Create Form or Update Form (for example, **Submit Service Request**).
3. In the right panel, find the submit button / Behaviour section that includes position controls.

![Create Form open with submit Behaviour settings visible](https://iili.io/CjipCaj.png)

***

### Step 2 — Note the Mobile position

1. Find **Mobile position**.
2. Confirm the current phone setting (**Floating** or **Fixed at bottom**).
3. Keep this for phone / mobile apps — desktop settings do not override it.

![Mobile position control on the form Behaviour panel](https://iili.io/CjipTZP.png)

{% hint style="info" %}
**Desktop helper**\
The builder shows a short note: desktop settings apply in desktop preview and desktop browsers; phone preview uses Mobile position.
{% endhint %}

***

### Step 3 — Choose Desktop position

1. Find **Desktop position**.
2. Change it from **Match mobile** to one of:
   * **Floating over content**
   * **End of form content**
   * **Sticky page footer**
3. Prefer:
   * **End of form content** for short forms
   * **Sticky page footer** for long forms where users should always see Submit
   * **Floating over content** when you want the button to hover over the form

![Desktop position set to Sticky page footer (or another desktop option)](https://iili.io/CjipTZP.png)

***

### Step 4 — Choose Desktop alignment

1. Find **Desktop alignment**.
2. Pick **Left**, **Center**, or **Right**.
3. Alignment only matters when Desktop position is **not** Match mobile.

![Desktop alignment set (Left / Center / Right)](https://iili.io/CjipTZP.png)

***

### Step 5 — Preview desktop vs phone

1. Switch preview to **Desktop**.
2. Scroll a long form and confirm Submit placement matches your choice.
3. Switch preview to **Phone**.
4. Confirm phone still follows **Mobile position** only.

![Desktop preview showing sticky/footer or end-of-form Submit](https://iili.io/CjipTZP.png)

![Phone preview still using Mobile position](https://iili.io/CjipTZP.png)

***

### Step 6 — Publish and verify live

1. Click **Publish**.
2. Open the published app in a desktop browser and complete (or scroll) the form.
3. Open the same form on a phone (or narrow window) and confirm mobile placement is unchanged.

***

### When to use which option

| Goal                                      | Recommended Desktop position |
| ----------------------------------------- | ---------------------------- |
| Keep today’s behavior                     | Match mobile                 |
| Long intake forms — Submit always visible | Sticky page footer           |
| Short forms that read top-to-bottom       | End of form content          |
| Match a floating mobile feel on desktop   | Floating over content        |

***

### End-to-end example (makers)

**Goal:** A long “Submit Service Request” Create Form should keep Submit visible while scrolling on desktop, centered, without changing the phone layout.

1. Open **Submit Service Request**.
2. Leave **Mobile position** as-is (for example Floating).
3. Set **Desktop position** → **Sticky page footer**.
4. Set **Desktop alignment** → **Center**.
5. Preview desktop (scroll) and phone.
6. **Publish** and retest live.

***

### Checklist

* [ ] Correct Create/Update Form selected
* [ ] Mobile position reviewed (unchanged unless you intend to)
* [ ] Desktop position set to an opt-in value
* [ ] Desktop alignment set
* [ ] Desktop preview verified (including scroll)
* [ ] Phone preview still correct
* [ ] App **Published**

***

### Troubleshooting

| Symptom                       | Likely cause                     | What to do                                         |
| ----------------------------- | -------------------------------- | -------------------------------------------------- |
| Desktop looks unchanged       | Still on **Match mobile**        | Choose Floating / End of form / Sticky footer      |
| Phone layout changed too      | You edited **Mobile position**   | Restore Mobile position; use Desktop controls only |
| Sticky footer clipped         | Nested scroll / short viewport   | Try End of form content; widen desktop preview     |
| Alignment ignored             | Desktop position is Match mobile | Opt in to a desktop position first                 |
| Live app differs from preview | Not published                    | Publish again                                      |

***

### Related notes for makers

* Desktop placement is stored on the form’s submit button config with the app.
* Update Forms support the same desktop controls as Create Forms.
* Visibility / disable rules on Submit still apply regardless of placement.