IBM Worklight - How to disable Native device features?

Question

I have created my application using IBM Worklight in Eclipse. I have added the iPhone environment and installed successfully my application on my device, but I have noticed that in some screens numbers appear with an underline and when tapped it shows a dialog box with call function.

I have tried using text-decoration:none so that underline does not appear, but it is still appearing. I have tried:

HTML

<span class="bluelink" data-dojo-type="dojox.mobile.TabBarButton">40562231</span>

CSS

.bluelink { 
    color:#1238a6; text-decoration:none;
}

enter image description here

Another issue I am facing is that when using alert(), it shows the title title as the HTML filename like MyApp.html. Anybody know how to fix this?

I believe this is an iPhone feature, as in that the phone itself adds a link on phone numbers. If I'm right you could try something like `.bluelink a { text-decoration:none; }` — xec, Sep 27 '13 at 07:43

score 1 · Accepted Answer · edited May 23 '17 at 12:01

Instead of alert() use the WL.SimpleDialog API. Explained here.

WL.SimpleDialog.show(
   "My Title", 
   "My Text", 
   [{
      text: "First Button", 
      handler: function() {
         WL.Logger.debug("First button tapped"); 
      }
   }]
)

As for the phone number, try the option here:
http://razoredgelabs.com/2013/03/how-to-stop-apple-ios-devices-from-styling-phone-numbers/

There are also the following questions:

IBM Worklight - How to disable Native device features?

HTML

CSS

1 Answers1