Forge

The OutSystems Forge is a repository of reusable, open code modules, connectors, and UI components to help speed up app delivery time.
Not finding the component you need?
16 results for tag 
"CSS"
Slide Menu
by 
João Melo
This component uses only some CSS to transform the OutSystems default Application Menu into a Slide one. It is responsive.
Latest version 
1.0.0  (O9)
Latest release
05 February 2015
CSS
 
Menu
 
slide
 
CSS Exercise
by 
Joshua Austin
Edit the CSS so the page looks like the screenshot.
Latest version 
1.0.0  (O9)
Latest release
15 April 2015
CSS
 
Exercise
 
Register and Login Form
by 
Paulo Solipa
CSS and JS Self-Register and Login Form
Latest version 
1.1.0  (O10)
Latest release
08 May 2018
CSS
 
form
 
javascript
 
js
 
login
 
register
 
howto
 
Css Snippets
by 
Niels Favreau
CSS Snippets to drag and drop into your Outsystems applications.
Latest version 
1.0.0  (O10)
Latest release
23 June 2017
CSS
 
Patterns
 
Snippets
 
Webpatterns
 
Responsive CSS Exercise
by 
Joshua Austin
eSpace used in a CSS training exercise
Latest version 
1.0.0  (O9)
Latest release
22 April 2015
CSS
 
Animated Calendar
by 
Amal Raj
Animated Calendars a pretty simple, which appends a beautiful, customizable and animated date picker to your input fields.
Latest version 
1.0.1  (O11)
Latest release
17 Jan
Also available for 10
CSS
 
javascript
 
jQuery
 
Dynamic UI Theming
by 
Headfitted Labs
This component can change the UI Theme dynamically based on the User or by the User Group. For User Group use Group and Group_User entity.
Latest version 
1.0.0  (O10)
Latest release
07 June 2018
javascript
 
CSS
 
UI
 
Accordion Dublin Menu
by 
KataJun
Functions to enable menu accordion by the default menu button in Desktop or Tablet resolution. These functions are for only Dublin Theme.
Latest version 
1.0.0  (O11)
Latest release
1 Apr
Also available for 10
CSS
 
dublin
 
javascript
 
Menu
 
SilkUI
 
tablet
 
UI
 
web
 
webblock
 
CSSParallaxEffect
by 
Hélio Cardoso
Create alternate fixed and scroll backgrounds with no javascript, but just the help of the CSS background-attachment property set on Fixed thus creating a parallax effect.
Latest version 
1.1.0  (O9)
Latest release
19 June 2015
CSS
 
parallax
 
fixed
 
homepage
 
EffectBullet - Quick fancy page effects
by 
Steven Afonso Cabaca
Give another look to your page with this easy implementation component.
Easily apply to your own elements, modify or just use for inspiration.
Latest version 
1.4.0  (O9.1)
Latest release
14 July 2016
CSS
 
Css Effects
 
Text
 
Full Width Responsive Carousel
by 
Headfitted Labs
A fully responsive and full width content carousel/slider built on top of jQuery, Bootstrap 3 and Html5, no any more Javascript and CSS needed.
Latest version 
1.0.0  (O10)
Latest release
05 June 2018
jQuery
 
CSS
 
javascript
 
Arched Progress bar
by 
Headfitted Labs
Arched Progress bar is a graph chart to display the ghraph in an arched shape.
This component is based on http://roundsliderui.com/demos.html
Latest version 
1.0.0  (O10)
Latest release
18 July 2018
CSS
 
javascript
 
UI
 
Zebra Calendar
by 
Headfitted Labs
Zebra Datepicker is a small, compact and highly configurable date picker / time picker jQuery plugin, meant to enrich forms by adding the date picker functionality to them. This jQuery plugin will automatically add a calendar icon to the indicated input fields which, when clicked, will open the attached date picker. Users can easily jump between months and years due to the date pickers intuitive interface. The selected date will be entered in the input field using the date format of choice, configurable in the date picker's options.
Latest version 
1.0.0  (O10)
Latest release
15 Jan
Calendar
 
calender
 
CSS
 
Datepicker
 
javascript
 
jQuery
 
timepicker
 
zebra calendar
 
Blog Cards
by 
Paulo Solipa
Simple but yet beautiful blog cards.
Latest version 
1.0.0  (O10)
Latest release
10 April 2018
blog
 
Card
 
CSS
 
CSS Grid
by 
Barduino
Component to implement CSS Grids
Latest version 
0.8.0  (O11)
Latest release
28 December 2018
CSS
 
css grid
 
grid
 
Explosion
by 
Bernardo Condé
Action in javascript that gives effects of explosion.
Latest version 
1.0.1  (O11)
Latest release
4 Apr
Balls
 
Bubble
 
color
 
CSS
 
Design
 
Explode
 
Explosão
 
Explosion
 
javascript
 
js