Training
Training
Welcome
Guided Paths
Build an App
Training Planner
Courses
Developer Schools
Boot Camps
Certifications
Tech Talks
Documentation
Documentation
Overview
ODC
O11
Forums
Forge
Get Involved
Get Involved
Home
Jobs
Ideas
Members
Mentorship
User Groups
Downloads
Platforms
OutSystems.com
My Platform
Community
Resources
Support
Search in OutSystems
Log in
Sign Up
Community
›
Forge
›
Assets list
›
Rocket UI Style Guide
Rocket UI Style Guide
Stable version
1.2.0
(Compatible with
OutSystems 11
)
Uploaded
on
14 Nov
by
Mediaweb
5.0
(3 ratings)
Overview
Reviews
Versions
Documentation
There's no documentation for this asset yet
Support
Rocket UI Style Guide
Details
Rocket UI Style Guide is the application that should be used to consume and consult Rocket UI, developed and supported by Mediaweb.
Read more
What is Rocket UI?
Rocket UI is a UI Framework that extends OutSystems UI, developed and supported by Mediaweb. It offers guidance and component implementations for OutSystems, providing designers and developers with the tools necessary to create exceptional user experiences.
Rocket UI is the streamlined version of Rocket UI Pro.
With Rocket UI you have access to a selection of basic Rocket UI components, all OutSystems UI components, and some handpicked Forge Components, all chosen for their utility in your projects.
Release notes
(1.2.0)
New Features:
Updated Dependencies: Upgraded to OutSystems UI version 2.20.0.
Logos: Added new logos.
Icons and Styles: Introduced new icon artboards and styles.
Focus Property: Updated the focus property to enhance accessibility.
CSS Variables: Created new CSS variables for colors and border-radius to support the upcoming design configurator application.
Introduced a new prefix ('rkt') for some components, and started to implemented new variable colors in components to enhance aesthetic coherence and simplify maintenance. - Updated documentation and examples for OutSystems DataGrid and OutSystems Charts to enhance user understanding and interaction.
Added missing preview options for the Sidebar Floating Actions component to provide a complete visual reference.
Added OnParametersChanged to InlineHTML so it rerenders when the value changes.
Fixed Issues:
Layout:
- Sidebar Floating Button: Introduced new styles for the sidebar button.
- Sidebar: Updated opacity to support toggling the floating button, reviewed sidebar button design for a cleaner, larger appearance.
- Sidemenu: Fixed header layout, toggle button dark styles. Improved mobile fixes, including footer alignment with sidemenu width and menu icon alignment.
- User Info: Updated layout and styles for a more polished look.
Components:
- Floating Actions: Adjusted max-height and border-radius, added button group support, and introduced disabled styles.
- Hero Section: Adjusted color scheme, moved gradient to a parameter, refined spacings, and fixed broken overflows.
- QRCode: Updated tooltip and improved compatibility with dark themes.
- Table: Fixed borders and background styles to enhance table appearance.
- Time Picker: Updated design for better usability.
- Tooltip: Adjusted colors for enhanced clarity.
- Updated styles of the Bottom Bar Item.
- Fixed several bugs related to the implementation of dark mode and color consistency across components.
- Made several fixes to the component library to ensure that icons for upload success/error are displayed correctly.
License
(1.2.0)
BSD-3 license (
https://opensource.org/licenses/BSD-3-Clause
)
Reviews
(0)
Team
Champion
Champion
Other assets in this category
User interface, Other UI components
Drag-n-drop Sortable List
Renato Pauleta
Allows to sort elements in list records or table records using drag-n-drop
3032
Essentials
Essentials
A collection of reusable actions to help us stop reinventing the wheel. Join the team and bring your own top reused actions to the community!
2056
Web Previewer
Rui Mendes
Preview files from your database or from an external URL without download.
2554
More from Mediaweb
Reactive Utilities
Miguel Vicente
A group of multiple utilities to use on your Mobile or Reactive applications. The main goal is to bring Text, HttpRequestHandler, and other extensions from the server-side to the client-side.
2919
CKEditor.Reactive
Fábio Fantato
CKEditor is a WYSIWYG rich text editor which enables writing content directly inside of web pages or online applications.
5712
FullCalendar Reactive
Mediaweb
The FullCalendar Reactive is a complete calendar solution with several types of views, management of the events, display of events from various types of sources, advanced configurations to customise the calendar and various actions to interact with the Calendar.
4301
Loading...
Loading