In case of mobile device, the jqxNumberInput doesn't hold the new number.

[MaheshParticipant]

Hi,
I have a Web UI Widgets application which runs fine on PC.
On android 7.0 mobile also it works fine apparently.

In case of mobile device, the problem is with jqxNumberInput (Number Input) Widgets.
I set a default number for the jqxNumberInput (Number Input) Widgets and it appears as expected.
When I try to change the default number then it allows me to change but doesn’t hold the new number.
After focusing on the next item (for example dropdownlist) the new number again changes to the default number.

Do I need to add some extra libraries for mobile devices?

Is there any extra considerations required in case of mobile devices?

Thanks

[HristoParticipant]

Hello Mahesh,

I tested this demo and it seems to work fine.
Could you provide us a simple example that demonstrates this issue?

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[MaheshParticipant]

Hello Hristo,
Thanks for the reply. I went through the demo.
I have these questions please answer them.

1) Can we have one Web-App for desktop PC and Mobile devices as well.

2) If yes, then what are the additional changes should we do in the existing deskop-PC based web app.

2) If yes, then what are the minimum basic and common .js and .css files required.
Please mention jquery and jquery-mobile compatible versions. (To work on both desktop PC and mobile)

3) How the App will determine whether the user is on Desktop PC or Mobile device.

4) Is it necessary to remove these two line from the real web app.
i) var theme = prepareSimulator(“numberInput”);
ii) initSimulator(“numberInput”);

Thanks

[MaheshParticipant]

Hello Hristo,

I wrongly mentioned jqxNumberInput actually I should have mentioned jqxdatetimeinput.

This web app is actually developed for desktop PC and not any mobile related .js or .css files are added to the project so far.
This project otherwise runs fine on mobile devices (Andriod 7.0.0) except jqxdatetimeinput box.
The problem is with jqxdatetimeinput box and only when I use the app on Android mobile devices.
Same App works absolutely fine on desktop PC.

Problem Description:
I set a default date for the jqxdatetimeinput Widgets and it appears as expected.
When I try to change the default date then it allows me to change but doesn’t hold the new date.
After focusing on the next item (for example dropdownlist) the entered date again changes to the default date.
This happens only on mobile device.

Actually I am want to have one app for desktop and mobile devices.
Please reply after reading both the post.
Sorry for the inconvenience.

Regards
Mahesh

[HristoParticipant]

Hello Mahesh,

I would like to suggest you look at this demo:
https://www.jqwidgets.com/jquery-widgets-demo/mobiledemos/jqxdatetimeinput/index.htm#demos/jqxdatetimeinput/datetimeinput.htm
In the ‘View Source’ tab (above the example) you could find which are the needed references.
You could include only “jqx.base.css“, “jqx-all.js” and jQuery library.

About the “initSimulator” it is used only to simulate mobile device. Please, take a look at this topic:
https://www.jqwidgets.com/community/topic/mobile-devices-simulator/

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[MaheshParticipant]

Hello Hristo,

I had already gone through the links mentioned above.
Please try to understand my question. Might be I could not explain it properly.
Let me explain you once again in a very fresh mood.

My web app is developed for Desktop PC and it runs very well on PC thru Google Chrome Browser URL (latest).
It also runs fine on mobile device thru Google Chrome Browser (latest).
Point to be noted here is, I am running the same web app on mobile device thru Google Chrome Browser (latest) as if I am running it on desktop PC.
Here no question of Mobile App but the mobile device is used only for the sake of web browser URL.

In case of mobile device browser this web app works fine except the jqxdatetimeinput, which doesn’t hold changed date value.

However I discovered one workaround thing to work this on mobile browser that if I set property showCalendarButton: true then I am able to change the date thru the calendar button.

If this thing happens on Desktop browser without calendar button then why not on Mobile browser.

For you infomation. I did not add any special mobile related .js or .css files into the project.
for example:
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.windowsphone.css” type=”text/css” />
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.blackberry.css” type=”text/css” />
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.android.css” type=”text/css” />
<link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.mobile.css” type=”text/css” />

Replay awaited

Regards and Thanks

Mahesh

[MaheshParticipant]

Hello Hristo,

I think there is a bug in the jqxdatetimeinput widget.

It allows to change date value only when it run from Desktop PC browser.

It won’t if run from mobile device browser. In such case we need to use calendar button.

This thing I have checked in your mobile demos itself thru mobile device browser (Google chrome latest).
https://www.jqwidgets.com/jquery-widgets-demo/mobiledemos/jqxdatetimeinput/index.htm#demos/jqxdatetimeinput/datetimeinput.htm

Regards

Mahesh

[HristoParticipant]

Hello Mahesh,

I got it.
Thank you for this feedback.
I will create a work item for this case.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts