0
Some of our users are having trouble knowing that they are done with a particular kind of item (yes, I know. It's a training issue...) I would like to include a large block of text on the final state's form that says "Click here to continue" and have it do the same thing that the "X" (Close) button in the upper-right corner of the form does.
Responses (1)
  • Accepted Answer

    Friday, December 01 2017, 11:48 AM - #Permalink
    0
    After some digging around with Chrome debugger, here's what I came up with. I put a "Congrats - you're done" message and the following code into an HTML JavaScript widget in it's own tab on the state form. If the item is complete, that tab is activated by a form action.

    The "CloseWorkItem" function hides the "current item" form. The function then deletes the translucent background that covers the user's previous page. The net effect seems to be like clicking "X". I include a second button that reloads the entire browser tab. That takes longer and is more intrusive. The element manipulations inside CloseWorkItem are just guessing. It seems work in 11.3 for Chrome, Edge and MSIE. I didn't test Firefox.


    <div style="text-align: center;">
    <button id="AgreementCompleteClickToClose" onclick="return CloseWorkItem();" class=" roundedbutton">Click here to return to your Dashboard.</button>
    <br><br>Or (if that doesn't work)<br>
    <button id="AgreementCompleteClickToReload" onclick="top.location.reload();return true;" class="roundedbutton">Click here to reload WorkCenter.</button>
    </div>
    <script>
    function CloseWorkItem() \{
    // Hide the Work Item
    top.jQuerySBM("#issuedetails",top.document).toggleClass("in").attr("aria-hidden","true").css("display","none");
    // remove the translucent cover that makes the Dashboard inaccessible.
    top.jQuerySBM("div.modal-backdrop",top.document).remove();
    return true;
    }
    </script>

    The reply is currently minimized Show
Your Reply

Recent Tweets

Twitter response: "Invalid or expired token."