Is Touch an App Builder or a toolset for Mobile Browser

I’m evaluating various ways of providing Mobile applications. I use dHTMLX Suite for the web but reading about Touch I can’t work out whether this will run inside a mobile’s web browser or as a separate app?

Please can someone help.


It runs very well in a mobile browser, and I use it to make apps using Phonegap, for which it’s an excellent solution.

Hi Mark

Thanks very much for your response. I’m completely new to the mobile world and after your mention I looked up PhoneGap’s web site. However I’m not at all sure how Touch fits in with PhoneGap. Please, would you be able to outline the workflow that you use?

Thanks again.


You can create your app using whatever tools you would normally use to produce a website / web app, test it in a compatible browser (I use Chrome) and when you’re ready to make it into an app that runs on a smartphone / tablet use Phonegap (follow the instructions on the Phonegap website for creating a new project depending on what platform you’re developing for).

The only difference between an app that runs in a browser and a Phonegap app is you include the Phonegap javascript file (cordova.js).

I don’t even bother with Phonegap’s recommended method of waiting for the device to be ready, DHTMLX’s ready function works perfectly:


  // all your javascript goes here


Personally I write apps for my employer, for internal use, for iPad and iPhone. I use xcode on an iMac to produce the apps so I can test it as I go along in an emulator, but I still use Chrome to track down javascript errors.


If i am developing a phonegap app, and i am using dhtmlx touch, as i have read before i need a reference to the file ‘cordova.js’ but…

this is registering me all events twice…

one for cordova.js and one for touchui.js…

and i am driving crazy to solve this…

any help please?

this is registering me all events twice…
one for cordova.js and one for touchui.js…

Can you please share some more details. How the problem manifests itself ?
DHTMLX touch will add its own event handler, but they must not conflict with phonegap’s functionality.

----- index.html

    <link href="dhtmlx/touchui.css" rel="stylesheet" />

    <script src="dhtmlx/touchui.js" type="text/javascript"></script>
    <script src="cordova.js" type="text/javascript"></script>
    <script src="kendo/js/jquery.min.js" type="text/javascript"></script>

    <script src="js/dhtmlx_main.js" type="text/javascript"></script>

    <script type="text/javascript" language="javascript">

        dhx.ready(function () {
            //Configuro la app en función del móvil que sea
            _mainUI.layout = "mobile"; // (screen.width < 500 ? "mobile" : "pad");

------ dhtmlx_main.js


var _mainUI = {};
_mainUI.elements = {};

_mainUI.elements.mainHeader = {
id: “header”,
view: “template”,
template: “

” +
” +
“<img id=‘imgMenu’ src=‘App_Resources/Android/drawable-hdpi/menu.png’ style=‘cursor:pointer; vertical-align:middle;’ onclick='gestionarMenu()’ />” +
Menu” +
” +
” +
3tVOZ” +
” +


//funciones y eventos
_menuVisible = true;

function gestionarMenu() {
if (_menuVisible) {
$$(“menu”).hide(“slow”, function () {
// Animation complete.
else {
$$(“menu”).show(“slow”, function () {
// Animation complete.
_menuVisible = !_menuVisible;

You will see the event is fired twice.
Hope it helps!!


try to add the next line after including dhtmlx touch on the page


Thanks!!! it worked!!