Save data notifications vanish too quickly

[tillsanders]

Usability bug

Recently, #5530 improved the saving notifications. This is already a lot better than before. The messages are disappearing too quickly, however.

What is the current behavior?

When completing a survey, I have access to the callbacks showDataSaving(), showDataSavingSuccess() and showDataSavingError(), like this:

survey.onComplete.add(function ({ data }, { showDataSaving, showDataSavingError, showDataSavingSuccess }) {
    showDataSaving();
    if (!doingStuff()) {
        showDataSavingError();
        return;
    }
    showDataSavingSuccess();
});

This will display notifications accordingly, at the bottom of the screen. The notifications disappear after about three seconds. The error notification contains a button that can retry sending the survey.

What is the expected behavior?

• The notifications should stay longer.
• The error notification should not disappear automatically at all since it is the only way to re-submit the survey!

Specify your

• browser: Chrome (macOS)
• browser version: 110
• surveyjs platform: jquery
• surveyjs version: 1.9.76

[JaneSjs]

[Updated]

Hello,
Thank you for input. Your suggestions definitely make sense. I will discuss them with the team and get back to you shortly.

[JaneSjs]

Hello @tillsanders,
Thank you for your patience. I discussed this with the team.

• The notifications should stay longer.

You can specify the Survey.settings.notifications.lifetime property to increase the notification delay. By default, it is set to 2 seconds. For example, you can set to to 10 seconds using the following code:

Survey.settings.notifications.lifetime = 10000;

• The error notification should not disappear automatically at all since it is the only way to re-submit the survey!

We agreed that error notification should not disappear, because it contains a user action. I created a separate issue in this regard.
#5768

Thank you

[CmdrBeavis]

Oh what I wouldn't give right now for the documentation of that onComplete.add() function / method! I've searched all over the place, and still no joy. : (

My linter is DEMANDING to know the Type of the options argument. Currently I just get "'options' is of type 'unknown'"

[andrewtelnov]

@CmdrBeavis What framework do you use?
onComplete event has options with CompleteEvent type.
Here is survey.onComplete event documentation.

Thank you,
Andrew

[CmdrBeavis]

Angular (15)

…

On Wed, Jun 21, 2023 at 1:50 AM Andrew ***@***.***> wrote: @CmdrBeavis <https://github.com/CmdrBeavis> What framework do you use? onComplete <https://github.com/surveyjs/survey-library/blob/master/src/survey.ts#L152> event has options with CompleteEvent <https://github.com/surveyjs/survey-library/blob/master/src/survey-events-api.ts#L110> type. Here is survey.onComplete <https://surveyjs.io/form-library/documentation/api-reference/survey-data-model#onComplete> event documentation. Thank you, Andrew — Reply to this email directly, view it on GitHub <#5725 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAFTECEYOOBRFDM3ZPTG363XMKYWJANCNFSM6AAAAAAVLHEUME> . You are receiving this because you were mentioned.Message ID: ***@***.***>

[CmdrBeavis]

Not sure how to find it, so I'll ask; is there a way to control the display and behavior of that "Try Again" button you get when you call the showDataSavingError() options function?