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.

Tags: BlackBerry Developers

Similar Questions

  • Installation of WebWorks-BB10-Win - v1.0 on a win7 64 bit OS, how to specify the version of 32-bit jdk

    Hello world

    IM struggling a bit here and for once google was not all useful.

    I have a Win7 64 bit OS, where I have my jdk 64-bit installed for other projects, I'm working on that.

    I must now do some development work light and is one of the things that he told me to install WebWorks-BB10-Win - v1.0, I downloaded... However on the installation manual it says to make sure that I use a 32 bit JDK for her (http://worklight.com/download/get-started/4.2.1/module-2.3 page 4)...

    Is there a way to specify at the time of the installation wizard, where is the desired jdk? Because it is by default to always find the 64 bit, a... I played a bit with changing environment variables to no effect... I am really lazy uninstall the 64-bit jdk version just for that...

    Thank you

    Jose

    This collection speak WebWorks for our Java-based phones. BlackBerry WebWorks 10 SDK requires no Java.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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/

  • When I do a race with my Apple Watch I don't have a frequency heart displayon the session screen. When I then sync my activity with my iphone there is also no average heart rate on the completion of my activity. How can I get my heart rate displayed?

    When I do a race with my Apple Watch I don't have a frequency heart displayon the session screen. When I then sync my activity with my iphone there is also no average heart rate on the completion of my activity. How can I get my heart rate displayed?

    Hello

    Mode power saving can be activated.

    To check this, on your iPhone, in the application of the watch, go to: Watch My > Workout - if it is currently enabled, disable power saving Mode.

    (When the power saving Mode is enabled, it disables the sensor of heart rate during workouts running).

  • the Windows vista firewall authorization driver is missing, the cause of the problem that the firewall cannot be activated? How to fix?

    Recently my fireall cannot be activated? I tried manually put on throughout the service, no luck. Then, I checked the firewall authorization driver is absent, it is the cause of the problem that the firewall cannot be activated? How to fix?

    Hi James,

    Thank you for your e-mail. I solved the problem using System Restore.

  • 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

  • Screenshot of WebWorks BB10 extension

    I published my extension of screenshot for BB10 WebWorks on Github.

    https://github.com/jonwebb/WebWorks-BB10-screenshot

    It allows you to get a bitmap of your WebWorks app and save it to disk or memory.

    Features:

    • Save to file, or return a URL data
    • rectangle control to capture
    • quality control of JPEG compression
    • capture in JPEG, PNG format
    • set file permissions

    Enjoy!

    Of course!

  • 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.

  • Whenever I want to use Camera Raw preferences, I get the message "the original application of the bridge is not active. How can I fix?

    Whenever I want to use Camera Raw preferences, I get the message "the original application of the bridge is not active. How can I fix?

    Hi yvesd,

    What version of the bridge are you using?

    • Please close bridge
    • Open Photoshop
    • Open a picture
    • Select the file > Browse in Bridge

    Also, make sure that you have compatible versions of Bridge and Photoshop, as if you use Bridge CC, make sure that Photoshop CC (latest) is installed.

    Kind regards

    Assani

Maybe you are looking for

  • iMessage received read

    Someone know when you read their iMessage according to whether an iMessage not a SMS if you disabled "send read receipts" in your iphone message setting menu or not?

  • Podcasts will not subscribe

    For some reason any now all my podcast will subscribe on iTunes, no matter how many times I click on the button "subscribe". On my iPhone 6s they subscribe. You can see the screenshots are the iPhone and the Mac for the same Podcast. I've had this pr

  • How can I disable everything I select is copied to the Clipboard?

    It's really annoying when I have something copied and before I could paste it where I want it I accidentally select a letter or something and than that's on clipboard without me selecting 'copy' == I don't know, but now it severely irritates me

  • Encrypting data by connecting to tdms files

    Hello The project I'm working on that saves its data in tdms files. But it is necessary to protect the intellectual property of the data, so that the client wants the encrypted data. Does anyone have a suggestion regarding best practices for encrypti

  • Error message says paper user profile service failed to

    I'm stuck on my laptop and message indicates to the user. The profile service has no logon