Working Preview vs Android

[Transpeed]

I'm getting variations between the Woking Preview and the live running on an Android tablet

My two major problems are
(1) I have client side formatting on a text field, which is a mask of 00:00; works fine in working preview - the android device behaves like its not there
(2) I have some JavaScript that returns a message made up of several strings concatenated together separated by \r works fine in working preview and shows as separate lines - the android displays it as one long line

Anyone any thoughts?

[Davidk]

Re: Working Preview vs Andoid

You don't say what Alpha build you're using or if it's a web app or a PhoneGap Build app... or how you're displaying the message.

I don't see an issue with the client-side formatting. I have a Textbox Control with a client-side formatting mask of 00:00 and a default value of 1234. The display is 12:34. I then use a .setValue() on the Textbox of '4444' and 44:44.

For the "message"... what are you using to display the message? If an "alert()", instead of \r (which is Carriage Return) use \n (Line Feed). If the message is being displayed by something that thinks it's html then use <br>.

A simple UX showing your issues would help.

[Transpeed]

Re: Working Preview vs Andoid

Alpha 12.4.3.2 Build 4119 using Phone Gap cli-6.4.0

You were dead right about the message \n sorted it right out! Thanks

For the formatting I have a simple character field; I have ticked "Client side formatting"; the "Format Type" is set to "Mask" and the "Format definition" is set to 00:00. This works exactly as it should do in Working Preview but on the Android device it behaves like none of the above is set i.e. you can type the word "HELLO" into the box

[Davidk]

Re: Working Preview vs Andoid

I've forgotten about this so many times... but Selwyn never does... and he reminded me that this is an issue with the Android WebView and Chrome under Android. It's been around for years but Google can't or won't fix it. This has nothing to do with Alpha.

However, some Javascript might be able to take care of this specific issue for you. Given that you're working with a Mask of 00:00, this code works on the data input and re-formats it if needed... allowing only numbers to be input. I've tested it quite a bit so let me know if you run into a case that does not give the desired results.

In your UX onRenderComplete event...

{dialog.Object}.__prevOrigVal = '';

In your Javscript functions...

function captureKey(){

	setTimeout(function(){
		var origVal = {dialog.Object}.getValue('formatTest');
		var maskVal = origVal;
		currVal = origVal.replace(':','');
		if(isNaN(currVal)){
			maskVal = origVal.substr(0,origVal.length-1);
			{dialog.Object}.setValue('formatTest',maskVal);	
		}else{
			switch(true){
				case (origVal.length == 2):
					if({dialog.Object}.__prevOrigVal.length==3){
						maskVal = origVal;
						{dialog.Object}.setValue('formatTest',maskVal);
					}else{
						maskVal = origVal + ":";
						{dialog.Object}.setValue('formatTest',maskVal);
					}
					break;
				case (origVal.length == 3):
					if(isNaN(origVal)){
						maskVal = origVal;
						{dialog.Object}.setValue('formatTest',maskVal);	
					}else{
						maskVal = origVal.substr(0,2) + ':' + origVal.substr(2,1);
						{dialog.Object}.setValue('formatTest',maskVal);	
						break;								
					}
				case (origVal.length > 4):
					maskVal = origVal.substr(0,5);
					{dialog.Object}.setValue('formatTest',maskVal);	
					break;
			}
		}
	
		{dialog.Object}.__prevOrigVal = maskVal;
		
	},10);
	

}

And in your Textbox control onKeyUp event...

captureKey();

[Transpeed]

Re: Working Preview vs Andoid

Thank you very much for that and it works very well.