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.

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.

---

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

Existing apps Apps that never set Desktop position keep Match mobile. Nothing changes until you opt in.

---

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

---

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

Desktop helper The builder shows a short note: desktop settings apply in desktop preview and desktop browsers; phone preview uses Mobile position.

---

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)

---

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)

---

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

Phone preview still using Mobile position

---

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.

Annotated builder screenshots

Annotated builder screenshot: Save Button Text / placement

Annotated builder screenshot: Form Behaviour

Complete Builder Options Reference

Form Behaviour → Save button

Save Button Text

What it does: Sets the submit label users see. How to use it: Use the action verb (“Submit request”, “Save changes”). Why / recommended default: Prefer specific verbs over generic “Save” on intake forms.

Desktop position / Desktop alignment

What it does: Places the desktop submit control (for example sticky footer vs inline). How to use it: Choose the placement that keeps the button visible on long forms without covering fields. Why / recommended default: Sticky/footer on long desktop forms; inline on short forms.

Mobile position

What it does: Places the submit control on phone layouts. How to use it: Keep mobile submit easy to reach with the thumb. Why / recommended default: Bottom / sticky on mobile for multi-section forms.

Full form options: Form (Add Item).