Discussion

How to Scroll a page or navigates from top to bottom in UI using OnClick functionality.

Suppose you have a Home icon & Contact Us button on the Header of the Page and Contact details are at the bottom of the page. If you want to go to the footer of the page which is having contact details on click of Contact Us button on the Top of the Page.

Follow these Steps:

1. Create an TextInput in Skin with no border, no background color, width & height as 0px or 1px, font color as none or transparent etc. So that the TextInput we have mentioned in the section cannot be visible in the UI.

2. Place this TextInput at the footer where we have the Contact Us details & map the TextInput to pyNote.

3. On Contact Us button, go to Actions Tab,

Create an Action Set,

Add an event: Click

Add an action: Set focus

Mention Target as .pyNote

Run the application and click on Contact Us button, It navigates to footer where we have contact details.

***Edited by Moderator Marissa to update platform capability tags****

Comments

Keep up to date on this post and subscribe to comments