back-to-top
Web icon

Back to top

Stable version 3.0.1 (Compatible with OutSystems 11)
Other versions available for 10 and Older
Uploaded
 on 06 January 2021
 by 
4.5
 (6 ratings)
back-to-top

Back to top

Created on OutSystems 11

Version 3.0.1

Stable
Current
See documentation
Uploaded on 06 January 2021 by 
Compatible with:
Version 11
11.0.108 to 11.31.0
Database:
All
Release notes:

Changed webblock  inputs to structure input.

Added options for hover colors.

Application Objects:
Back to top has 0 AOs.

Version 3.0.0

Stable
Uploaded on 06 May 2020 by 
Compatible with:
Version 11
11.0.108 to 11.31.0
Database:
All
Release notes:

Upgraded to P11

Added demo

Application Objects:
Back to top has 0 AOs.
Created on OutSystems 10

Version 2.0.5

Stable
Uploaded on 06 April 2017 by 
Compatible with:
Version 11
11.0.108 to 11.31.0
Version 10
Stack:
All
Database:
All
Release notes:

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

added 2 new options (bottom, right)

Version 2.0.4

Stable
Uploaded on 31 January 2017 by 
Compatible with:
Version 11
11.0.108 to 11.31.0
Version 10
Stack:
All
Database:
All
Created on Older versions

Version 1.1.1

Stable
Uploaded on 26 September 2016 by 
Compatible with:
Version 11
11.0.108 to 11.31.0
Version 10
Version 9
Stack:
All
Database:
All
Release notes:

Created application package.

Separated the widget from the sample

Added new parameters to define the icon size, icon color and background color.

Application Objects:
Back to top has 0 AOs.

Version 1.1.0

Stable
Uploaded on 16 February 2016 by 
Compatible with:
Version 11
11.0.108 to 11.31.0
Version 10
Version 9
Stack:
All
Database:
All
Release notes:
- Clean Version
- New parameters 

Element 
(default: "body,html")

Element whish is affected by smooth scroll to top. You can choose tags, classes or ID's to specify the element that you want to be scrollable.
Imagine if you have just ".MainContent" scrollable, 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)
IconNameId (default: Entities.IconName.arrow_up)

Scroll to top arrow icon
Application Objects:
Back to top has 0 AOs.