Search code examples
ionic-frameworkibm-mobilefirst

MobileFirst 7.1 BusyIndicator showing weird characters

I'm developing an hybrid app on MobileFirst 7.1, with Ionic libraries.

In a .js file I globally define

var busyIndicator = new WL.BusyIndicator ("content", {text: "DUMMY TEXT"});

but when I call for it to show, i.e.

busyIndicator.show();

I always get the same message, ignoring the text I put in the text field:

Image link here

I'm testing this on Android devices (Huawei P7 Ascend, Samsung Galaxy J5, both with Android 5.1). On the Android Mobile Simulator the message displays just fine.

p.s. "content" matches my html id, I tried putting null instead of "content" but to no avail.

Solution

  • A workaround

    define in some common .js file

    function showMyIndicator() {
    busyIndicator.__options.text="Custom loading text";
    busyIndicator.show();
}

    and call showMyIndicator() each time you would call busyIndicator.show().

    busyIndicator.hide() can be called normally (although you might want to define some 'hideMyIndicator()' function for homogeneity).

    What is happening?

    It appears that, as soon as I load (jQuery $.load() ) some new content in order to change page, the text fileld of the busyIndicator object defaults to "[(')ههههههه Loading]", which is defined in every native project inside messages.json. That file is full of those weird signs, no idea about why.

    Update

    There's something corrupted in my project which causes those .json files to be generated with wrong characters, a freshly generated project didn't show the same issues so creating a new one and move the resources in there might do the trick.