long forms on mobile scrolling is not smooth

mrbdrm

on mobile when you have a form that includes alot of attribute and you must scroll down on the form the scrolling is not good and responsive as in queries mobile template.

now i think the solution is using Kendu

useNativeScrolling: true

but where? the form body have no kendu object to set the configuration on.
or the other option is adding this CSS style to the form body

overflow: auto; -webkit-overflow-scrolling: touch;

what is your opinion on this matter?

BenHayat

mrbdrm wrote
what is your opinion on this matter?

I suggest break down the form to multiple Sections or use Wizard. I make my form short with several meaningful tabs names, and loads faster.
On Mobile I usually ask for required and important attributes to be able to create the object, the rest I tell them to use desktop for a full data entry if possible.

mrbdrm

BenHayat wrote
mrbdrm wrote
what is your opinion on this matter?

I suggest break down the form to multiple Sections or use Wizard. I make my form short with several meaningful tabs names, and loads faster.
On Mobile I usually ask for required and important attributes to be able to create the object, the rest I tell them to use desktop for a full data entry if possible.

Thank you for the input BenHayat
i will try the breaking the form to steps, but i notice that aware does not give the form the correct css classes as it should (km-somthing).
for query and menu they are excellent.
check the source of the generated form for mobile and you will notice that its the same classes as the desktop version

BenHayat

mrbdrm wrote
and you will notice that its the same classes as the desktop version

Yes, Aware uses Desktop CSS in order to bring many of the desktop widgets available to Mobile and then uses responsiveness for smaller real estate.
For Mobile, the two best Themes are either Dark or Fiori. They provide proper Mobile sizing. I have finalized mine on Dark with Font size # 13.

Another important feature when doing Mobile, is to use this feature.

mrbdrm

For all my mobile forms i make the label above the input field.
And the form fields show properly.
The issue is with kendo ui not giving the form and the fileds the proper css classes.
For instanse you cant use the class km-justified on buttons you place on aware forms.

Check telerik mobile demo from you phone. It is very smooth.
https://demos.telerik.com/kendo-ui/m/index#mobile-forms/types

BenHayat

mrbdrm wrote
For all my mobile forms i make the label above the input field.
And the form fields show properly.
The issue is with kendo ui not giving the form and the fileds the proper css classes.
For instanse you cant use the class km-justified on buttons you place on aware forms.

Check telerik mobile demo from you phone. It is very smooth.
https://demos.telerik.com/kendo-ui/m/index#mobile-forms/types

I had also experimented with putting labels on the top and showed it to users for feedback. Almost everyone liked the label to be on the side than top. Since sideways eye movement is easier than up/down movement.

hpl123

mrbdrm wrote
For all my mobile forms i make the label above the input field.
And the form fields show properly.
The issue is with kendo ui not giving the form and the fileds the proper css classes.
For instanse you cant use the class km-justified on buttons you place on aware forms.

Check telerik mobile demo from you phone. It is very smooth.
https://demos.telerik.com/kendo-ui/m/index#mobile-forms/types

10+ for proper smoothscroll like the demo shown here. Thx

mrbdrm

it's a bug
if you have a form with only one tab and a lot of attribute then the scrolling will be bad and not smooth.
if you have a form with multiple tabs and one of the tabs have a lot of attributes then the scrolling will be correctly smooth.
i tested the above with label to the left of the field at 35%

BenHayat

mrbdrm wrote
it's a bug
if you have a form with only one tab and a lot of attribute then the scrolling will be bad and not smooth.
if you have a form with multiple tabs and one of the tabs have a lot of attributes then the scrolling will be correctly smooth.
i tested the above with label to the left of the field at 35%

Hopefully, you reported it... 🙂

aware_support

Please send us the BSV and indicate how to reproduce the problem