Close popover
Vamsi Raj (Vamsi_Raj)
Aaseya IT Services Pvt Ltd
Senior Consultant
Aaseya IT Services Pvt Ltd
Vamsi_Raj Member since 2017 5 posts
Aaseya IT Services Pvt Ltd
Posted: March 14, 2019
Last activity: December 18, 2019

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****

User Experience Developer Knowledge Share