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?
31 results for tag 
"image"
Image Utils Mobile
by 
Harlin Setiadarma
Image Utilities (Resize, Crop, Identify width & height, Get & Fix Orientation, Sharpening, Watermark) for Mobile Apps using JS Canvas.

Currently only tested for Chrome browser and Android (as I don't have Mac/Safari/iPhone)
Latest version 
2.0.2  (O11)
Latest release
10 October 2018
Also available for 10
client side
 
crop
 
identify
 
image
 
mobile
 
Resize
 
Utilities
 
File Upload And Image Preview On ChooseFile
by 
Frederico Sousa
With this component you can upload any file to the server without the need to use Submit links or buttons.

This means you can use this on a page with server validations (and use ajax refreshes to show them) without the need of having 2 different buttons, one to save and one to upload the file. With this, the user only has to click once to save everything, and also you can do the validations to the file right then the user selects it, and not only when he clicks another button.

Besides this, the component also can set a preview of the uploaded file (if it's an image) by JS when you upload.
Latest version 
3.0.0  (O11)
Latest release
20 December 2018
Also available for 10
image
 
preview
 
Image Utils Mobile Sample
by 
Harlin Setiadarma
Sample/How-to App for Image Utils Mobile.
Take picture from camera or upload from your phone gallery.

Please use Outsystems Now on your mobile phone to preview.
Latest version 
1.0.8  (O10)
Latest release
27 March 2018
crop
 
how-to
 
identify
 
image
 
Resize
 
sample
 
utility
 
Utils
 
Cloudinary
by 
Justin James
Cloudinary is a service that stores and allows manipulations of images (and files) in the cloud, delivered over a CDN. Easily resize, crop, etc. pictures without a line of code! Uses Cloudinary's .NET library under the hood, for reliability.
Latest version 
1.2  (O10)
Latest release
01 May 2017
Also available for Older
Cloudinary
 
image
 
Cropit
by 
Remote Coders
A jQuery plugin for image cropping and zooming.
Loads images locally via FileReader, and crops them using canvas.
Designed to be extremely customizable via CSS.
Best for the cases where you want users to upload images of a specific size and aspect ratio.
Latest version 
3.0.0  (O10)
Latest release
01 November 2018
Also available for 9.1, Older
crop
 
cropper
 
image
 
photo
 
Image Repository
by 
Nuno Reis
Images take so much space in database! Why not save them to disk?<br>
Latest version 
Initial Version  (O7)
Latest release
04 January 2014
image
 
localstorage
 
ImageGallery
by 
Carlos Sousa
Implements a Image Gallery widget, based on the Galleria.io component (http://galleria.io).
Latest version 
1.2.0  (O10)
Latest release
20 April 2017
Also available for 9.0
image
 
picture
 
Gallery
 
Galleria
 
Exif Data Extractor
by 
Patrick Baanvinger
Retrieve Exif Data from image binary data. This extension can be used in page or logic actions, to retrieve stored Exif data from an image. The image binary can be presented as a parameter to one of the functions in the XIF. The result is a recordlist with key/value data.
Latest version 
0.1.6  (O10)
Latest release
22 March 2017
Exif
 
image
 
photo
 
MediaToolkit
by 
João Almeida
MediaToolkit is a simple set of libraries to handle media files: images, videos and audio files.
Latest version 
1.3.0  (O11)
Latest release
28 Feb
Also available for 10
audio
 
image
 
media
 
video
 
Convert Pdf To Image
by 
Formiga
Extension that aims to convert PDF files into images. In case each page of the PDF file will be an image.

IMPORTANT: IIS needs to accept 32-bit applications for the extension to work. The link below has more details on how to configure IIS:
https://blogs.msdn.microsoft.com/rakkimk/2007/11/03/iis7-running-32-bit-and-64-bit-asp-net-versions-at-the-same-time-on-different-worker-processes/
Latest version 
1.0.0  (O10)
Latest release
27 April 2018
PDF
 
Convert PDF to Image
 
PDF to Image
 
image
 
ImageToPdf
by 
Mário Fernandes
Converts image to PDF
Latest version 
1.0.0  (O10)
Latest release
21 April 2017
PDF
 
image
 
unslider
by 
João Melo
Unslider, the simplest carousel slider for jQuery.
Latest version 
1.0.0  (O9.1)
Latest release
11 October 2016
jQuery
 
Slider
 
image
 
video
 
carousel
 
galery
 
img Optimizer
by 
Grazina
Optimize img resources in your mobile applications by caching in the File Storage, resizing them to your device resolution and using progressive load techniques
Latest version 
0.0.2  (O10)
Latest release
17 July 2017
image
 
Performance
 
ShowImageFromBinary
by 
Frederico Sousa
Shows Image from a binary data and a mimetype, works with SVG aswell!!!!
Latest version 
1.0.0  (O10)
Latest release
30 May 2018
base64
 
BinaryData
 
image
 
JPEG
 
JPG
 
mobile
 
Mobile Image
 
PNG
 
Show SVG
 
SVG
 
JSImagePreview
by 
Maycon Oleczinski
Component to preview image using javascript/jquery without upload file to server and get your base64 data that can be converted to binary data.
Latest version 
1.0.2  (O10)
Latest release
21 December 2017
Client Image Preview
 
image
 
Image Preview
 
preview
 
BlowOutImage
by 
Jorge Martins
Component to dynamically decide whether an image needs to be blown out to be better viewed when clicked.
Latest version 
0.9.0  (O9)
Latest release
25 May 2015
Dynamic
 
image
 
popup
 
zoom
 
Lightbox
by 
Guilherme Jesus
Lightbox by Lokesh Dhakar.
http://lokeshdhakar.com/projects/lightbox2/

Latest version 
1.0.0  (O10)
Latest release
02 March 2018
lightbox
 
Gallery
 
image
 
DisplayImage
by 
Parma Bhagwandin
Demo app that shows a simple widget that can show an image without the use of an external link or saving it in the database. Simply pass the widget the binary data.
Latest version 
1.0.0  (O10)
Latest release
29 April 2018
image
 
display
 
Tilt Effect on Hover 3D
by 
Nuno Lopes
Animate an image on your project with a 3d tilt effect by hovering it, with the option to appear a frame and some text
Latest version 
1.0.0  (O10)
Latest release
28 June 2017
3d
 
animation
 
hover
 
image
 
picture
 
tilt
 
web
 
Grayscale gallery
by 
Hélio Cardoso
This CSS image gallery renders the thumbnails initially in grayscale until clicked on to reveal a larger version of an image.

Built only with CSS, no javascript needed.
Latest version 
1.1.0  (O9)
Latest release
19 June 2015
image
 
Gallery
 
photo
 
album
 
grayscale
 
css filter
 
Image Auto Crop
by 
Arley Silveira
Simply extension to automatically crop images based on corner pixels color.
Latest version 
1.0.1  (O10)
Latest release
20 September 2018
branding
 
crop
 
image