JsKeyboard en WaveMaker

Encontre este teclado de jquery que me es util en una app touch para kiosk que no tiene teclado.

Como siempre agregan las fuentes al index.html

 <link rel="stylesheet" href="resources/css/jsKeyboard.css" type="text/css" media="screen"/>
 <script type="text/javascript" src="resources/js/jsKeyboard.js"></script>
 <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>

Primero en el Studio agregamos un html widget para colocar alli el teclado que tendria que ser en la parte de abajo del editor que necesitamos y en el colocamos un

<div id="virtualKeyboard"></div>

En mi caso lo enlace con un largeTextArea y tuve que agregar un evento onChange en start event

 start: function() {
        dojo.connect(this.largeTextArea1.domNode, "onkeyup", this, "largeTextArea1Change");
        $(function() {
            jsKeyboard.init("virtualKeyboard");
        });
     
    },

Ahora para ver el teclado virtual podemos agregar este codigo en algun evento por ejemplo lo hice en un boton

button1Click: function(inSender) {
this.showKeyboard("dijit_form_SimpleTextarea_0");
},
 tambien necesitamos agregar un par de funciones como estas

showKeyboard: function(id) {
        this.clean($("#" + id));
        jsKeyboard.currentElement = $("#" + id);
        jsKeyboard.show();
    },
     clean: function(t) {
        if (!isCleaned) {
            $(t).text("");
            isCleaned = true;
        }
    },

y finalmente ya podemos usarlo en nuestro text area.

Input Mask Editor en WaveMaker

Buscando un buen Mask plugin para integrar a un proyecto que estaba trabajando pude unir este de jquery
http://digitalbush.com/projects/masked-input-plugin/#demo a un editor de waveker.. aqui les dejo el proyecto de prueba...

Lo primero que hay que hacer es buscar el editor id#..se lo puede hacer con un inspector de codigo como firebug

y luego colocar los enlaces en index.html page de los javascripts que vamos a necesitar 

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="resources/javascript/jquery.maskedinput.js"></script>

luego en la funcion "start" poner el masked pattern que necesites

dojo.declare("Main", wm.Page, {
    start: function() {
        try {
            //here we set the mask to current texteditor
            jQuery(function($) {
                $("#dijit_form_TextBox_0").mask("99/99/9999");
            });
        } catch (e) {
            app.toastError(this.name + ".start() Failed: " + e.toString());
        }
    },
    _end: 0
});

js file: http://cloud.github.com/downloads/digitalBush/jquery.maskedinput/jquery.maskedinput-1.3.min.js
Descargar desde aqui el proyecto de ejemplo: www.mavirroco.com/InputMask.1.Alpha.zip