Back to top

Stable Version 2.0.5 (O10)
Also available for 9.1, 9
Published on 06 April 2017 by 
Created on 25 February 2015
Details
This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages.
Read More

This "Back to top" link allows users to smoothly scroll back to the top of the page. It's a little detail which enhances navigation experience on website with long pages.

Element (default: "body,html")
Element that is affected by smooth scroll to top. You can choose tags, classes or ID's to specify the element that you want to be scroll-able.
Imagine if you have just ".MainContent" scroll-able, you will use ".MainContent" class to apply to this element.
E.g: (Tags)  - "body,html"
E.g: (Classes) - ".className"
E.g: (ID's) - "#elementeId"

ElementOffset (default: 300) Browser window scroll (in pixels) after which the "back to top" link is shown ElementOpacity (default: 1200) Browser window scroll (in pixels) after which the "back to top" link opacity is reduced ElementScrollTopDuration (default: 700) Duration of the top scrolling animation (in ms) IconName (default: Entities.IconName.arrow_circle_o_up) Back to top arrow icon IconSizeId (default: Entities.IconSize.Percent_33) Back to top icon size. IconColor (default: White) Back to top icon color. Color (default: Orange) Back to top background color. BorderRadius (default: 5px) Back to top border-radius. Bottom (default: 30px) Distance form the bottom. Right (default: 30px) Distance form the right.
What’s new (2.0.5)

Removed SilkUi dependency, now you can use color codes for the background and icon, 

added 2 new options (bottom, right)

Reviews (0)
Category
Components, UI & Widgets, Mobile Plugins
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Miguel Vicente who created this component.
Dependencies
Back to top has no dependencies.
Requirements
Platform
10.0.0.402
Database
All
Stack
All
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28593
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2777
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
10078
More from Miguel Vicente
Mobile Utilities
Miguel Vicente
A group of multiple utilities to use on your mobile applications with OutSystems 10.
650
Vertical Timeline
Miguel Vicente
Responsive timeline. Use some CSS3 tricks and a bit of jQuery to create some bounce animations that affect desktop users only, while on mobile the structure is more minimal.
603
FullPageFeedbackAjax
Miguel Vicente
Full Screen feedback ajax
236