Layers


The available layer types in Placid templates offer different customization options.

Use the {layer-name} assigned in the template editor to customize its properties. If you don't specify a property, Placid will use the default as defined in the template.

https://api.placid.app/u/{template_uuid}?{layer-name}[{property}]={value}&{layer-name}[{property}]={value}

General Properties

There are some base properties that can be used on every layer type:

https://api.placid.app/u/xxxxx?title[position_x]=-10px&image[hide]=true
Property Description
hide Set true to hide this layer in the template; defaults to false
position_x Relative positioning:
+10px add 10px to x-axis
-10px remove 10px from x-axis

Absolute positioning:
10px set x-axis position to 10px
position_y Relative positioning:
+10px add 10px to y-axis
-10px remove 10px from y-axis

Absolute positioning:
10px set y-axis position to 10px
width Relative sizing:
+10px add 10px to width
-10px remove 10px from width

Absolute sizing:
10px set width to 10px
50% set width to 50% of default layer width
height Relative sizing:
+10px add 10px to height
-10px remove 10px from height

Absolute sizing:
10px set height to 10px
50% set height to 50% of default layer height

Text

https://api.placid.app/u/xxxxx?title[text]=This%20is%20the%20text
Property Description
text Text content. Line breaks can be forced using \n
text_color Text-color as hex-code #FFFFFF

Picture

https://api.placid.app/u/xxxxx?img[image]=https%3A%2F%2Fimages.unsplash.com%2Fphoto-1516054575922-f0b8eeadec1a%3Fixid%3DMXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%253D
Property Description
image Image URL or URL of the website to screenshot
image_viewport Viewport size for screenshots widthxheight; defaults to 1280x1024

Rectangle

https://api.placid.app/u/xxxxx?bg[background-color]=%23FFFFFF
Property Description
background_color Background color as hex-code #FFFFFF

Browserframe

Set the image source and URL of the address bar of a browserframe field.

https://api.placid.app/u/xxxxx?screenshot[image]=https%3A%2F%2Fnytimes.com
Property Description
image Image URL or URL of the website to screenshot
image_viewport Viewport size of screenshots widthxheight; defaults to 1280x1024
url URL to insert into the browserframe's adress bar