Visual Builder

Get Involved. Join the Conversation.

Topic

    Abhilasha Singh
    How to get an hour glass moving something similar that...
    Topic posted November 13, 2019 by Abhilasha SinghRed Ribbon: 250+ Points, tagged JET, Layout 
    28 Views, 6 Comments
    Title:
    How to get an hour glass moving something similar that indicates that the application is waiting for search results
    Summary:
    How to get an hour glass moving something similar that indicates that the application is waiting for search results
    Content:

    How to get an hour glass moving something similar that indicates that the application is waiting for search results. right now is vbcs if I enter a value in a field it call a REST service and gets the result. meanwhile the screen looks like it is not doing anything. can we have an hour glass or similar icon to indicate that something is happening in the background.

    Appreciate your help

    Comment

     

    • Preetesh Dongre

      Hi Abhilasha,

      One option you have is to use in progress dialog box while the REST is fetching the result.

      Refer JET demo (https://www.oracle.com/webfolder/technetwork/jet/jetCookbook.html?component=dialog&demo=progressbar)

      You can drop a dialog component on your page and add <oj-progress class="oj-progress-bar-embedded" id="progressbar" value="-1"> inside body.

      Open in progress dialog before calling REST and closing after the REST call.

      Regards,

      Preetesh

      • Abhilasha Singh

        Hi Preetesh,

        This does the job but only thing that concerns me now is there is a cancel icon available on the dialog. if someone clicks on the the dialog will close the user will try to do other activity on the page, which is not good. Let me know if you have any idea how to get that as expected.

        Thanks,

        Abhilasha

    • Duncan Mills

      You may find that the oj-sample-show-when-ready component provides a convenient way to do this.  You can find that by clicking on the Components tab on the Left hand vertical tab menu of Visual Builder and installing that into your project.  You can then control a spinner based on a simple boolean condition

      • Abhilasha Singh

        Hi Ducan,

        Thanks for replying. Only issue I see in this is, it actually hides the components inside it. Ideally it should blur everything in the background and the throbber should run in the foreground.

        Let me know if you have any idea how to achieve the same.

        Thank you,

        Abhilasha

    • Duncan Mills

      That's just HTML/CSS stuff a general search should help you with that one.