This is a migrated thread and some comments may be shown as answers.

iOS: prevent scrolling effect

2 Answers 116 Views
DataForm
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Marc
Top achievements
Rank 1
Marc asked on 15 Nov 2017, 11:54 AM

Hello,

is it possible to prevent the scrolling effect on iOS, if the DataForm's height is smaller than the height of the device, so scrolling is actually not necessary?

I have the following UI Definition:

<GridLayout rows="*">
    <ScrollView>
        <GridLayout id="loginMainContainer">
            <AbsoluteLayout horizontalAlignment="center">
                <StackLayout id="loginLogoContainer">
                    <Image src="res://logo_small" />
                </StackLayout>
            </AbsoluteLayout>
            <StackLayout id="loginFormContainer">
                <df:RadDataForm source="{{ dataFormSource }}">
                    <df:RadDataForm.properties>
                        <df:EntityProperty name="nickname" displayName="" hintText="Nickname...">
                            <df:EntityProperty.editor>
                                <df:PropertyEditor type="Text" />

                           </df:EntityProperty.editor>

                </df:EntityProperty>

               <df:EntityProperty name="passwd" displayName="" hintText="Passwort..." index="1">
                        <df:EntityProperty.editor>
                          <df:PropertyEditor type="Password" />
                        </df:EntityProperty.editor>
                                    </df:EntityProperty>
            </df:RadDataForm.properties>
         </df:RadDataForm>
 
         <Button text="Anmelden" />
 
         <StackLayout className="text-normal-bold" marginTop="15">
            <Label text="Passwort vergessen?" />
            <Label text="Ich habe noch keinen Account." />
         </StackLayout>
     </StackLayout>
  </GridLayout>
</ScrollView>
 </GridLayout>

 

 

You can see the behaviour of the DataForm in this GIF

 

Is there any way to disable this scrolling effect? On some pages we have only one textfield in the whole form, and there also is this annoying scrolling. But we want to take advantage of the validating funcionality, that's why we also use the dataform even though there is only such a small number of editors.

 

Best regards

2 Answers, 1 is accepted

Sort by
0
Marc
Top achievements
Rank 1
answered on 15 Nov 2017, 12:00 PM
Sorry, something went wrong while adding the gif... here it is.
0
Nick Iliev
Telerik team
answered on 15 Nov 2017, 12:59 PM
Hello Marc,

Indeed I can confirm that this is the behavior by design on iOS at this very moment - the scrolling effect is always applied for RadDataForm.
I have logged this issue as a bug and we are currently investigating if the native implementation allows us to remove the scrolling effect n iOS.
Keep track on the linked issue for possible workarounds and updated information related to this matter.

Regards,
Nikolay Iliev
Progress Telerik
Did you know that you can open private support tickets which are reviewed and answered within 24h by the same team who built the components? This is available in our UI for NativeScript Pro + Support offering.
Tags
DataForm
Asked by
Marc
Top achievements
Rank 1
Answers by
Marc
Top achievements
Rank 1
Nick Iliev
Telerik team
Share this question
or