Skip to content

Change the default toast duration #28185

Description

@vanillajonathan

The default toast duration is 500 milliseconds.

I would argue that this duration is too short which leads to the toast often disappearing before user can fully read the toast message.

I argue in favor of raising the default toast duration.

Android also have the concept of toasts and provides two constants. SHORT_DELAY at 2000 ms and LONG_DELAY at 3500 ms.

Activity

  1. Johann-S commented on Feb 6, 2019

    @Johann-S
    Member

    Hi @vanillajonathan,

    You can override that by passing options when you create your toasts for example:

    $('#yourToast').toast({
      delay: 2000
    })

    But you're right on one thing, we should be able to change the default options of our Toast plugin, to allow you to change that for all of your toasts 🤔

  2. changed the title [-]Change the default toast duration[/-] [+]Allow to change default config for Toasts[/+] on Feb 6, 2019
  3. added
    jsJavaScript or TypeScript sources and plugins
    v4v4, the frozen docs on gh-pages
    on Feb 6, 2019
  4. Johann-S commented on Feb 6, 2019

    @Johann-S
    Member

    @vanillajonathan #28186 merged so in our next release you'll be able to do:

    bootstrap.Toast.Default.delay = 2000

    And it'll be the default delay for all of your toasts 😉

  5. vanillajonathan commented on Feb 6, 2019

    @vanillajonathan
    ContributorAuthor

    Yes, I am aware that the duration can be changed by passing in options. My point was that the default duration is too short.

    Also my request is not for the introduction of a variable or property to define the default duration, but for the Bootstrap project to consider increasing the default duration.

  6. changed the title [-]Allow to change default config for Toasts[/-] [+]Change the default toast duration[/+] on Feb 6, 2019
  7. vanillajonathan commented on Jul 14, 2020

    @vanillajonathan
    ContributorAuthor

    Android have constants for a long and a short duration, they are 4 seconds for the short toast and 7 seconds for the long toast.

    These might be well thought out (or not?) durations backed by UX research.

    https://github.com/aosp-mirror/platform_frameworks_base/blob/android10-release/core/java/android/widget/Toast.java#L384

    static final long SHORT_DURATION_TIMEOUT = 4000;
    static final long LONG_DURATION_TIMEOUT = 7000;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    jsJavaScript or TypeScript sources and pluginsv4v4, the frozen docs on gh-pages

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions