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
›
Placeholder Image Generator
Placeholder Image Generator
Stable version
1.0.1
(Compatible with
OutSystems 11
)
Uploaded
on
25 July 2023
by
5.0
(1 rating)
Overview
Reviews
Versions
Documentation
Support
Placeholder Image Generator
Documentation
1.0.0
Draft
Dynamic Placeholder Image Generator
https://miguel-antunes.outsystemscloud.com/placeholderimage/image.aspx?width=300&height=300&backgroundcolor=cccccc&textcolor=000000&text=&imageformat=png
Documentation
Size
width and height
Height is optional, if no height is specified the image will be a square. Example:
https://miguel-antunes.outsystemscloud.com/placeholderimage/image.aspx?width=300
Colors
background color / text color
Colors are represented as hex codes (#ffffff is white)
The background color is optional and defaults to gray (#cccccc)
The text color is optional and defaults to black (#000000)
https://miguel-antunes.outsystemscloud.com/placeholderimage/image.aspx?width=300&backgroundcolor=3e5b61&textcolor=a6991f
Image Formats
.gif, .jpg, .png
Adding an image file format will render the image in the proper format
Image format is optional and the default is a png
jpg and jpeg are the same
https://miguel-antunes.outsystemscloud.com/placeholderimage/image.aspx?width=300&imageformat=png
https://miguel-antunes.outsystemscloud.com/placeholderimage/image.aspx?width=300&imageformat=gif
https://miguel-antunes.outsystemscloud.com/placeholderimage/image.aspx?width=300&imageformat=jpg
Shape
&isCircle=true
by default, images are rectangles (or squares)
This is optional, but you can force the image to be a circle
height will be ignored when shape is a circle
https://miguel-antunes.outsystemscloud.com/placeholderimage/image.aspx?width=300&backgroundcolor=3e5b61&textcolor=a6991f&iscircle=true
Custom Text
&text=Hello World / &textsize=20
Custom text can be set and size can be adjusted
This is optional, default is the image dimensions (300x250)
a-z (upper and lowercase), numbers, and most symbols will work just fine
&hidetext=true can be used to hide any text
&textsize=20 sets the font size to 20 pixels
The font used is from the freely available
M+ Font Project
https://miguel-antunes.outsystemscloud.com/placeholderimage/image.aspx?width=300&text=Hello+World&textsize=15
Loading...
Loading