Log in to AnswerLog in to Follow
UserImage.jpg
Rashed khalel
141Views
9Comments
Solved
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

0
0
31 May 2020
2020-01-08 08-43-00
Rahul Kumar
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


See solution in context
0
0
01 Jun 2020
2020-04-15 12-37-36
Daniël Kuhlmann
mvp_badge
MVP

Hi Rashed,

You could try to use the ScrollToElement widget.

Regards,

Daniel


0
0
31 May 2020
2021-09-10 14-03-53
Salman Ansari
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


1
0
31 May 2020

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 ?


0
0
01 Jun 2020
2020-01-08 08-43-00
Rahul Kumar
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

0
0
31 May 2020

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


0
0
01 Jun 2020
2020-01-08 08-43-00
Rahul Kumar
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


0
0
01 Jun 2020

Hi Rahul,

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

Regards,

Kaustubh

0
0
25 Jan

Thanks for all

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