Ctrlk
Home
For the complete documentation index, see llms.txt. This page is also available as Markdown.

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

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).