how can i create button " Back to Top " in screen for mobile ?
Question

hello

how can i create button " Back to Top " in screen for mobile ?


thanks

Champion
Solution

Davidson Vilela wrote:

Rahul Kumar wrote:

Hi, 

I think another way to do it is , at on click of button Redirect to Url and in Url just put "#". Because simply "#" tells the browser not go away from the page . It just scroll inside the page the element that have particular Id such as "#IdName" if we not specify id name it just scroll at the top.

 Correct me if it is not true for Mobile or Reactive.

 

Thanks and Regards,

Rahul


It works for me. Thanks


Hi Davidson Vilela,

Welcome, I am glad it helped you.


Thanks and Regards,

Rahul


mvp_badge
MVP

Hi Rashed,

You could try to use the ScrollToElement widget.

Regards,

Daniel


mvp_badge
MVP

Rashed khalel wrote:

hello

how can i create button " Back to Top " in screen for mobile ?


thanks

Hi Rashed,

You can use below component.

https://www.outsystems.com/forge/component-overview/8304/reactive-scrolltotop

OR
https://www.outsystems.com/forge/component-overview/8368/reactive-scroll-to-customelement


Salman Ansari wrote:

Rashed khalel wrote:

hello

how can i create button " Back to Top " in screen for mobile ?


thanks

Hi Rashed,

You can use below component.

https://www.outsystems.com/forge/component-overview/8304/reactive-scrolltotop

OR
https://www.outsystems.com/forge/component-overview/8368/reactive-scroll-to-customelement



for mobile ?


Champion

Hi, 

I think another way to do it is , at on click of button Redirect to Url and in Url just put "#". Because simply "#" tells the browser not go away from the page . It just scroll inside the page the element that have particular Id such as "#IdName" if we not specify id name it just scroll at the top.

 Correct me if it is not true for Mobile or Reactive.

 

Thanks and Regards,

Rahul

Rahul Kumar wrote:

Hi, 

I think another way to do it is , at on click of button Redirect to Url and in Url just put "#". Because simply "#" tells the browser not go away from the page . It just scroll inside the page the element that have particular Id such as "#IdName" if we not specify id name it just scroll at the top.

 Correct me if it is not true for Mobile or Reactive.

 

Thanks and Regards,

Rahul


It works for me. Thanks


Champion
Solution

Davidson Vilela wrote:

Rahul Kumar wrote:

Hi, 

I think another way to do it is , at on click of button Redirect to Url and in Url just put "#". Because simply "#" tells the browser not go away from the page . It just scroll inside the page the element that have particular Id such as "#IdName" if we not specify id name it just scroll at the top.

 Correct me if it is not true for Mobile or Reactive.

 

Thanks and Regards,

Rahul


It works for me. Thanks


Hi Davidson Vilela,

Welcome, I am glad it helped you.


Thanks and Regards,

Rahul


Hi Rahul,

This actually refreshes the page. Local variables are destroyed. Is there any other approach.

Regards,

Kaustubh

Thanks for all

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.