Date and time field usability on mobile device

[dvanoni]

Hi all!

We noticed that once you set a value of a date field on mobile device you cannot erase it because the keyboard doesn't show up for this field. The same happens for time field. Moreover if we generate the reusable part with the time field without the ShowTimeButton option, there is no way to set a value for that field on mobile device.

How can we solve it?

We tested the above behaviour on IOS, Android and Windows phone

Thanks

[Stewart Marshall]

Dates, times and date times have a Checkbox property. When this is unchecked by the user, the content of the edit will be cleared

Code: Select all

Begin_Com Role(*EXTENDS #PRIM_WEB) Height(505) Width(337) Layoutmanager(#Layout1)
Define_Com Class(#PRIM_TBLO) Name(#Layout1)
Define_Com Class(#PRIM_TBLO.Row) Name(#LayoutRow1) Displayposition(1) Parent(#Layout1)
Define_Com Class(#PRIM_TBLO.Column) Name(#LayoutColumn1) Displayposition(1) Parent(#Layout1)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem1) Column(#LayoutColumn1) Flow(Down) Manage(#xDemoDate) Parent(#Layout1) Row(#LayoutRow1) Sizing(FitToWidth) Alignment(TopCenter) Marginleft(4) Marginright(4) Margintop(4)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem2) Column(#LayoutColumn1) Flow(Down) Manage(#xDemoDateTime) Parent(#Layout1) Row(#LayoutRow1) Sizing(FitToWidth) Alignment(TopCenter) Marginleft(4) Marginright(4) Margintop(4)
Define_Com Class(#PRIM_TBLO.Item) Name(#LayoutItem3) Column(#LayoutColumn1) Flow(Down) Manage(#xDemoTime) Parent(#Layout1) Row(#LayoutRow1) Sizing(FitToWidth) Alignment(TopCenter) Marginleft(4) Marginright(4) Margintop(4)

Define_Com Class(#xDemoDate.Visual) Name(#xDemoDate) Displayposition(1) Parent(#COM_OWNER) Tabposition(1) Width(329) Left(4) Top(4) Height(35) Checkbox(True) Caption('Date') Labeltype(Caption)
Define_Com Class(#xDemoDateTime.Visual) Name(#xDemoDateTime) Displayposition(2) Parent(#COM_OWNER) Tabposition(2) Top(43) Width(329) Left(4) Height(35) Checkbox(True) Caption('DateTime') Labeltype(Caption)
Define_Com Class(#xDemoTime.Visual) Name(#xDemoTime) Componentversion(1) Displayposition(3) Height(35) Parent(#COM_OWNER) Showdate(False) Tabposition(3) Top(82) Width(329) Left(4) Showtimebutton(True) Checkbox(True) Caption('Time') Labeltype(Caption)

End_Com