Scroll To Top
Content Type: Widget
Categories: Utility,User Interface,Visualization
Overview
The Scroll to Top widget developed by Intelizign allows users to quickly scroll to the top of a page when button is clicked. The button appears fixed at the bottom right corner of the page and can be customized to change its icon, background color, and size.
Documentation
Overview
The Scroll to Top widget allows users to quickly scroll to the top of a page when a button is clicked. The button appears fixed at the bottom right corner of the page and can be customized to change its icon, background color, and size.
Features
- Smooth scrolling to the top of the page.
- Customizable button icon (chevron, caret, or arrow).
- Customizable button background color.
- Customizable button size (width and height).
- Responsive design with dynamic scaling based on the screen size.
Usage
Widget installation:
- Download the widget files and place them in your Mendix project under the widgets folder.
- In Mendix Studio or Studio Pro, add the Scroll to Top widget to your page.
- Configure the widget properties through the properties pane in Mendix.
Widget Placement and Positioning:
- The widget should be positioned at the top of the page content.
- It will be placed at the very beginning of the page's content (i.e., at the start of the body or page content), meaning it will be part of the document flow.
- This means the widget will appear above all other content on the page, but within the content structure of the page.
Properties
The widget accepts the following properties:
ICON
- Type: ENUM
- Description: The icon to display on the button. Options: chevron, caret, arrow.
- Default Value: Chevron
BgColor
- Type: String
- Description: The background color of the button (supports any valid CSS color value).
- Default Value: #ffffff (white)
HeightWidth
- Type: Integer
- Description: The height and width of the button in pixels. The icon size will be adjusted proportionally.
- Default Value: 50
License
This widget is released under the Intelizign EULA. See license details - Intelizign EULA.
Releases
Version: 1.0.0
Framework Version: 9.24.0
Release Notes: • Initial release with basic scroll-to-top functionality.
• Customizable button size, icon, and background color.
• Responsive design.