Page 1 of 1
Date and time field usability on mobile device
Posted: Wed Dec 21, 2016 8:37 pm
by 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
Re: Date and time field usability on mobile device
Posted: Thu Dec 22, 2016 7:05 am
by 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