Skip to main content

Manage Submit Buttons

This article explains how the “Submit” button works in Launchpad by Swapcard, and how admins can customize its text, appearance, and optional processing modal to improve user feedback and prevent duplicate submissions.

Updated over a month ago

Submit buttons are a core part of every user interaction in Launchpad, they confirm user actions like form submissions or registration steps. By customizing the submit button’s label, styling, and optional processing modal, you can improve usability, provide clear feedback to users while the system processes their request, and reduce the risk of accidental double submissions. Proper setup ensures a smoother user experience and more reliable form handling.


How does the submit button work by default?

  • When a user clicks any submit button, it temporarily changes its label to “Processing”.

  • This indicates that their request is being handled and prevents multiple rapid submissions.

  • This behavior is universal across the entire platform.


How to change the submit button’s verbiage

  1. Go to Setup > Content > Languages

  2. Click the Edit icon next to the language you want to modify

  3. Navigate to Launchpad > Messages

  4. Locate the Submit button message field (usually the “Processing” label)

  5. Enter your preferred text in that field

  6. Click Save

All submit buttons across the site will then use this custom label when processing.


How to change the button’s appearance with CSS

You can customize how the button looks — including after it’s clicked — by adding CSS.

Example: default HTML before and after click

Before click

<div class="ip-button ip-button-submit">     <a href="#" onclick="IP.formSubmitHandle(this)">Next</a>     <input type="submit" img="/V6/assets/images/spacer.gif"> </div>

After click (processing state)

<div class="ip-button ip-button-processing">     <span>Processing</span> </div>

Sample CSS customizations

  • Add a spinner icon during processing

    div.ip-button.ip-button-processing span {     background: url(loading.gif) center left no-repeat;     padding-left: 18px; }
  • Use a custom image for the processing state

    div.ip-button.ip-button-processing {     background: url(loading_bar.gif) no-repeat;     width: 94px;     height: 17px; } div.ip-button.ip-button-processing span {     display: none; }

Customize as needed to align with your branding or improve user feedback during submission.


How to enable a public processing modal window

For slower connections or longer operations, a modal window can be enabled to reassure users that their form submission is still being processed.

  1. Go to Setup > General > Event Settings

  2. Under Global Defaults, find the Public Processing settings

    • Check Public Processing Box to enable the modal

    • Enter a number (in seconds) for Public Processing Delay — this is the delay between button click and modal appearance

  3. Click Save to apply settings

When enabled, if processing takes longer than the delay, the modal window appears to inform users their request is in progress.


When to use a custom submit setup

Consider customizing the submit process when:

  • You expect long-running operations (file uploads, large data imports)

  • You want to provide visual feedback (spinner, loading screen) to avoid user confusion

  • You need consistent branding or custom styling across buttons and states

  • You want to support different languages or user audiences with localized button text


Submit buttons are critical for user flows in Launchpad. Customizing their label, appearance, and enabling a processing modal enhances usability, prevents duplicate submissions, and offers users clear feedback when the system is working. By configuring these options thoughtfully, you improve reliability and user satisfaction across registration, forms, and admin workflows.

Did this answer your question?