Standby Widget goes responsive

The standby widget snippet has need around for a while and doing it’s job in lots of my projects but now more and more of my projects is using bootstrap. So then there was time to also change the standby widget to support bootstrap. This is the first version that will give you a responsive standby “loading” indicator.

Download the updated version here

http://openntf.org/XSnippets.nsf/snippet.xsp?id=bootstrap-standby-dialog

  1. Hi Fredrik,

    a recommendation. When the user selects to close the dialog the user expects that the action will also discontinue. I do not believe this is happening in your code?

    Perhaps you should embed code to cancel the partia lrefresh e.g. as described here:

    http://hasselba.ch/blog/?p=683

  2. excellent Fredrik … I was wondering about new contributions related to Bootstrap

  3. The original version works on my bootstrap-themed app, but the new responsive version hangs on fairly simple partial refreshes. I don’t really need it for partial refresh, but it would be very helpful during save/submit, but how?

    • Fredrik Norling

      I think the problem is that the new version is a bit faster and what happends is that it will bring up the dialog after the event is done. I will look at this.
      You could manually bring up the dialog before a full refresh. I will look for a solution for this.

      • I wonder if simple CSJS could hide the Submit/Save button followed by validation, QuerySaveDocument, etc, which if any fail would use getComponent() to show the button again.

        • Nothing like being able to answer my own reply/question… I added the following code as CSJS to my Submit button. Nothing else is needed since a validation or QuerySave failure causes the form to be updated as well as the Submit button, which causes it to appear again.

          document.getElementById(“#{id:buttonSubmit}”).style.display=”none”

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Trackbacks and Pingbacks: