Display an animated activity indicator?

Is there an API in WebWorks to show an animated activity indicator?

Thank you.

There is has nothing built in the WW API not. That said I think that widgets QNX (http://supportforums.blackberry.com/t5/Web-and-WebWorks-Development/QNX-UI-look-and-feel-in-WebWorks... have one that mimics the look of the one system. Most JS frameworks and classify mobile have a cooked in them as well, if you use one.

If these options you just create your own and trigger via JS in a div overlay, or the div which contained load.

Tags: BlackBerry Developers

Similar Questions

  • retrieve the default activity indicator

    my default activity indicator has disappeared and I want it back

    Firefox displays the default activity since versions of Firefox 2 indicator. He is sitting in the Customize Palette, you need to go where you want.

    https://support.Mozilla.com/en-us/KB/how+to+customize+the+toolbar

    http://KB.mozillazine.org/Toolbar_customization

  • T540p hard drive activity indicator

    Hi all

    Just got a new laptop T540p. But can't find the hard drive activity indicator on it.

    Does anyone know how to get a hard drive display on-screen indicator or something similar. I'm pretty used to control the activity of the HARD drive in case of delays.

    Thank you.

    Jitu

    Try DriveGLEAM.

  • Activity indicator for loading data model

    Hello

    I'm looking in using an activity indicator to show for my list view to load the user (as it takes 2-3 seconds to display list to be filled with data that it receives the files from my server).

    Here is my list view & data source:

    ListView {
                                    id: listView1
                                    dataModel: dataModel1
    
                                    leadingVisual: [
                                        Container {
                                            id: dropDownContainer1
                                            topPadding: 20
                                            leftPadding: 20
                                            rightPadding: 20
                                            bottomPadding: 20
                                            background: Color.create("#212121")
                                            DropDown {
                                                id: dropDown1
                                                title: qsTr("Date:") + Retranslate.onLocaleOrLanguageChanged
                                                Option {
                                                    id: all
                                                    text: qsTr("All") + Retranslate.onLocaleOrLanguageChanged
                                                    selected: true
                                                }
                                                Option {
                                                    text: qsTr("23/06/2014")
                                                    value: "23/06/2014"
                                                }
                                                Option {
                                                    text: qsTr("24/06/2014")
                                                    value: "24/06/2014"
                                                }
                                                Option {
                                                    text: qsTr("25/06/2014")
                                                    value: "25/06/2014"
                                                }
                                                Option {
                                                    text: qsTr("26/06/2014")
                                                    value: "26/06/2014"
                                                }
                                                Option {
                                                    text: qsTr("27/06/2014")
                                                    value: "27/06/2014"
                                                }
                                                Option {
                                                    text: qsTr("28/06/2014")
                                                    value: "28/06/2014"
                                                }
                                                Option {
                                                    text: qsTr("29/06/2014")
                                                    value: "29/06/2014"
                                                }
                                                Option {
                                                    text: qsTr("30/06/2014")
                                                    value: "30/06/2014"
                                                }
                                                Option {
                                                    text: qsTr("01/07/2014")
                                                    value: "July 1 2014"
                                                }
                                                Option {
                                                    text: qsTr("02/07/2014")
                                                    value: "July 2 2014"
                                                }
                                                Option {
                                                    text: qsTr("03/07/2014")
                                                    value: "July 3 2014"
                                                }
                                                Option {
                                                    text: qsTr("04/07/2014")
                                                    value: "July 4 2014"
                                                }
                                                Option {
                                                    text: qsTr("05/07/2014")
                                                    value: "July 5 2014"
                                                }
                                                Option {
                                                    text: qsTr("06/07/2014")
                                                    value: "July 6 2014"
                                                }
                                                onSelectedIndexChanged: {
                                                    if (selectedOption == all) {
                                                        dropDownDataSource1.sQuery = ""
                                                    } else
                                                        dropDownDataSource1.sQuery = dropDown1.at(dropDown1.selectedIndex).value;
                                                }
                                            }
                                        }
                                    ]
    
                                    listItemComponents: [
                                        ListItemComponent {
                                            type: "item"
                                            StandardListItem {
                                                title: ListItemData.fixtureInfo
                                                description: Qt.formatTime(new Date(ListItemData.timestamp * 1))
                                            }
                                        }
                                    ]
    
                                    onTriggered: {
                                        var selectedItem = dataModel1.data(indexPath);
                                        var detail = fixtures.createObject();
    
                                        detail.fixtureInfo = selectedItem.fixtureInfo
                                        detail.dateInfo = selectedItem.dateInfo
                                        detail.timeInfo = selectedItem.timeInfo
                                        detail.timeZone = Qt.formatTime(new Date(selectedItem.timestamp * 1))
                                        detail.courtInfo = selectedItem.courtInfo
                                        detail.resultInfo = selectedItem.resultInfo
    
                                        navigationPane1.push(detail)
                                    }
                                }
    
    GroupDataModel {
                        id: dataModel1
                        sortingKeys: [ "dateNumber", "id" ]
                        grouping: ItemGrouping.ByFullValue
                        sortedAscending: false
                    },
                    DataSource {
                        id: dataSource1
                        property string sQuery: ""
                        onSQueryChanged: {
                            dataModel1.clear()
                            load()
                        }
                        source: "http://tundracorestudios.co.uk/wp-content/uploads/2014/06/Fixtures.json"
                        type: DataSourceType.Json
    
                        onDataLoaded: {
                            //create a temporary array tohold the data
                            var tempdata = new Array();
                            for (var i = 0; i < data.length; i ++) {
    
                                tempdata[i] = data[i]
    
                                //this is where we handle the search query
                                if (sQuery == "") {
                                    //if no query is made, we load all the data
                                    dataModel1.insert(tempdata[i])
                                } else {
                                    //if the query matches any part of the country TITLE, we insert that into the list
                                    //we use a regExp to compare the search query to the COUNTRY TITLE (case insenstive)
                                    if (data[i].fixtureInfo.search(new RegExp(sQuery, "i")) != -1) {
                                        dataModel1.insert(tempdata[i])
    
                                        //Otherwise, we do nothingand donot insert the item
                                    }
    
                                }
    
                            }
    
                            // this if statement below does the same as above,but handles the output if there is only one search result
                            if (tempdata[0] == undefined) {
                                tempdata = data
    
                                if (sQuery == "") {
                                    dataModel1.insert(tempdata)
                                } else {
                                    if (data.fixtureInfo.search(new RegExp(sQuery, "i")) != -1) {
                                        dataModel1.insert(tempdata)
                                    }
                                }
                            }
                        }
                        onError: {
                            console.log(errorMessage)
                        }
                    },
    
    onCreationCompleted: {
                    dataSource1.load()
                }
    

    In another part of my application, I use an activity indicator to load a webView but I couldn't reshape it for the list view.

    The following code works when my webView loads:

    WebView {
                        id: detailsView
                        settings.zoomToFitEnabled: true
                        settings.activeTextEnabled: true
                        settings.background: Color.Transparent
                        onLoadingChanged: {
                            if (loadRequest.status == WebLoadStatus.Started) {
    
                            } else if (loadRequest.status == WebLoadStatus.Succeeded) {
                                webLoading.stop()
                            } else if (loadRequest.status == WebLoadStatus.Failed) {
    
                            }
                        }
                        settings.defaultFontSize: 16
                    }
    
    Container {
                id: loadMask
                background: Color.Black
                layout: DockLayout {
    
                }
                verticalAlignment: VerticalAlignment.Fill
                horizontalAlignment: HorizontalAlignment.Fill
                Container {
                    leftPadding: 10.0
                    rightPadding: 10.0
                    topPadding: 10.0
                    bottomPadding: 10.0
                    horizontalAlignment: HorizontalAlignment.Center
                    verticalAlignment: VerticalAlignment.Center
                    ActivityIndicator {
                        id: webLoading
                        preferredHeight: 200.0
                        preferredWidth: 200.0
                        horizontalAlignment: HorizontalAlignment.Center
                        onStarted: {
                            loadMask.setVisible(true)
                        }
                        onStopping: {
                            loadMask.setVisible(false)
                        }
                    }
                    Label {
                        text: "Loading Content..."
                        horizontalAlignment: HorizontalAlignment.Center
                        textStyle.fontSize: FontSize.Large
                        textStyle.fontWeight: FontWeight.W100
                        textStyle.color: Color.White
                    }
                }
            }
    
    onCreationCompleted: {
            webLoading.start()
        }
    

    Therefore, what I am trying to make is: get the activity indicator to show when the list view is charging and when it's over, for the activity indicator be invisible. Also, if the user doesn't have an internet connection or loses the signal while the data is filling: would it be possible to recover data from a file stored locally instead ("asset:///JSON/Fixtures.json")?

    Thanks in advance

    With the help of a few other developers I maneged to make everything work properly.

    Jeremy Duke pointed out that I would need to use the onItemAdded in my data model of the Group:

    onItemAdded: {
                            myActivityIndicator.stop();
                            myActivityIndicator.visible = false;
                            loadMask.visible = false;
                            searchingLabel.visible = false;
                        }
    

    Adding that, the loading stops when an element has completed the list.

    Thanks for your help

  • problem with the activity indicator

    Hi, I can show activity indicator. But the problem is that I do not know how to deal with another task. I have a screen that show activity indicator and then the application displays this screen is run an initial process to build the database in the SD card. I tried with a thread, but did not work and I have seen other examples, but without success

    Thank you

    You might find this useful:

    http://supportforums.BlackBerry.com/T5/Java-development/sample-quot-Please-wait-quot-screen-part-1/t...

    Look for the update in the commentary.  I think the approach that corresponds to what you are looking for.

  • Initially hidden Webworks BB10 bbUI activity indicator. How?

    I need the initial state of an indicator of activity be hidden.

    A form where the user wil enter some data, one of the fields will be the current location of the user, so the app is going to capture the geolocalizaion. During this process, the activity indicator will be displayed. Once finished capture the activity indicator will be set to hidden.

    The declaration of indicator of activity is:


    data-bb-type = "flag activity."
    Data-bb-size = 'medium' >
       

    JavaScript triggers the ondomready event:

    pub.onDomReady = function () {}
    document.getElementById('myindicator').hide ();
    };

    It works but for the first moments, the activity indicator is displayed and this is wrong because no request for data or request is in progress, it is not necessary to show on the screen, an indicator of activity.

    I think that the solution is to set the flag as hidden. Question is how.

    Is it possible to get the desired behavior.


    should work.

  • I want that return activity indicator.

    I want that return activity indicator. I avoided upgradeing Firefox for a year because I want to. Stop taking our older features away.

    NO, it's not as good whether on each tab. I want to look in ONE PLACE each time. It's much better for consistency.

    What's new on: preferences page has replaced the previously used stand-alone Options/preferences window.

    You can enable/disable browser.preferences.inContent false on the subject: config page via double click to restore the autonomous Options/preferences window you had in previous versions of Firefox.

    You can open the topic: config page via the address bar.
    You can accept the warning and click on "I'll be careful" to continue.

    Note that the extension of the CTR has a checkbox for this under "Advanced > Preferences tab.»

  • Cannot find the activity indicator in worm 29,0

    the activity indicator has disappeared, it is not on the toolbar or in the custom folder.
    can't tell if firefox has frozen or if the web site just takes a long time to load with it

    Here you go man, done addon, thanks to PimpUigi for developers challenging to achieve.

    https://addons.Mozilla.org/en-us/Firefox/addon/throbber-restored/

  • Activity indicator

    Activity indicator gets busy indicate that Firefox is for research, while it is 'dead', because I do not have any task permormed for search or open a site / page. Firefox crashed all the time for no apparent reason.

    Try Firefox Safe mode to see how it works there.

    A way of solving problems, which disables most of the modules.

    (If you use it, switch to the default theme).

    • You can open the mode without failure of Firefox 4.0 + by pressing the SHIFT key when you use the desktop Firefox or shortcut in the start menu.
    • Or use the Help menu option, click restart with the disabled... modules while Firefox is running.

    Do not choose anything at the moment, just use 'continue in safe mode.

    To exit safe mode of Firefox, simply close Firefox and wait a few seconds before using the shortcut of Firefox (without the Shift key) to open it again.

    If it's good in Firefox Safe mode, your problem is probably caused by an extension, and you need to understand that one.

    http://support.Mozilla.com/en-us/KB/troubleshooting+extensions+and+themes

    When find you what is causing that, please let us know. It might help others who have this problem.

  • in the extensions Api activity indicator

    Hello

    I am trying to reach native look and feel of the activity indicator (spinner) to flag any activity of loading with extensions, using C++ code.

    Can anyone guide me which API to use for the same thing?

    its all about css and div tag of html. You cannot create indicator of activity in the native plugin, but you can play with the C++ code togather and Css. always show and hide built css spinner with the help of c++ code.

  • While the data activity indicator display is recharging of Webservice

    Hi guys,.

    How can I display an indicator of activity while the data or recharging of Webservice?

    Currently I used Timer to set the agenda.

    Thanks in advance.

    Concerning

    Hey,.

    You can make it visible when you start the application, and on the function of earphone Event.COMPLETE, you can configure it to hide the indicator. hope that helps. Good luck!

  • On top of stage activity indicator

    Hi all

    I would like to do a simple thing, but somewhere I miss a turn, it seems!

    I would like to have an indicator of activity in fullscreen on top of my current scene, that is, user click a button, a pleasant activity with a black semi transparent indicator are displayed in full screen, I make my remote work and change the view after its done.

    I can't find how to do, can anyone help me?

    Thank you!

    Dialog box is the component that you are looking for, put an activity on this indicator with Center and increase its size.

    (I used a container with docklayout alignments and fill as a component)

  • Show activity indicator when a MediaPlayer is buffering

    Hello

    My problem is I want to show busy indicator when a MediaPlayer is buffering. I use MediaPlayer to play streaming audio and it would be nice to display an indicator of activity.

    I guess I should use the buffering() signal, but have no idea how to do that in QML.  Please notify.

    Any help will be appreciated.

    Thank you!

    Thanks Zmey!

    I did as follows.

    By clicking on the 'play' button I call

    indicator.start();
    

    as for the indicator

    onStarted:
    {
        nowPlaying.acquire()
    }
    

    where nowPlaying is NowPlayingConnection

    and in MediaPlayer

            onBufferStatusChanged:
            {
                if (mplayer.bufferStatus == 2) // 2 means that the media is playing
                    indicator.stop()
            }
    

    I also added indicator.stop () in onRevoked in the NowPlayingConnection.

    Of course, the easiest was to do something like this

            onBufferStatusChanged:
            {
                if (mplayer.bufferStatus == 2) // 2 means that the media is playing
                    indicator.stop()            else                indicator.start()
            }
    

    but it does not work in my case.

    Thank you all.

  • Comments dull, but no CPU activity indicated

    My client feels dull, but I don't see any activity in the display of the performance of the Task Manager.

    In the detail view of the process, it is about 3%.

    I don't know if I can count on these indicators. I'm not able to

    understanding this process within the guest is th VM so dull.

    Outside comments, detail the process view shows a virtual machine to 20%.

    How do you know whats going on? Any ideas appreciated.

    Next to this post:

    http://superuser.com/questions/1009444/Windows-10-Task-Manager-shows-0-CPU-under-VMware

    I checked for Hyper-V installed in my guest who was the case.

    After uninstalling, indicator CPU started working again.

  • To configure Group policy so that after 5 invalid logon attempts computer display an error message indicating that the account is locked out for 30 minutes

    Original title: function or Vulneralbility? [Lock Group Policy]

    Hello world

    I have Windows XP Service Pack 3 with automatic updates turned on and the protection in real time against malware.

    I use Group Policy to configure for my computer account lockout policy, indicating that the account is locked by 30 minutes after 5 invalid connection attempts. I also use the TweakUI Autologon feature. (you can ask why the account lockout is necessary when automatic login is turned on?) Hold on...). Please also note that the feature of quick change of user on my PC is off, too. (but I still use the Welcome screen)

    So, when I have already connected, press Win + L to lock my workstation. Now, I begin to grasp things at random to be used as password. So that after a few failed attempts, the system displays: "cannot open a session because your account is locked. Please contact administrator.

    However, when I entered the correct password now, the system will always connect.

    I don't know if this is a feature of Microsoft Windows or a vulneralbility.

    More information: my computer is NOT a part of a domain, it belongs to the "MSHOME" workgroup and has file and printer sharing.

    Any help is appreciated.

    Hello

    Your question of Windows is more complex than what is generally answered in the Microsoft Answers forums. It is better suited on the TechNet community.

Maybe you are looking for