iOS: prevent scrolling effect

Thread is closed for posting
3 posts, 0 answers
  1. Marc
    Marc avatar
    101 posts
    Member since:
    Oct 2013

    Posted 15 Nov 2017 Link to this post

    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. Marc
    Marc avatar
    101 posts
    Member since:
    Oct 2013

    Posted 15 Nov 2017 in reply to Marc Link to this post

    Sorry, something went wrong while adding the gif... here it is.
  3. Nikolay Iliev
    Admin
    Nikolay Iliev avatar
    351 posts

    Posted 15 Nov 2017 Link to this post

    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.
Back to Top