Formula: Rectangle() and ClipCircle()
Category: Shape
Rectangle()
Generates a rectangle
or stated otherwise...
Hey Coda, I want you to generate a rectangle based on the following dimensions
ClipCircle()
Crops an image into a circle
or stated otherwise...
Hey Coda, Can you crop or turn an image into a circular shape?
Rectangle() has four parameters.
Width
Rectange(Width, Height, Color, Name)
How wide to render the rectangle
Height
Rectange(Width, Height, Color, Name)
How tall to render the rectangle
Color
Rectange(Width, Height, Color, Name)
Color as a RGB hex (black if omitted)
Name
Rectange(Width, Height, Color, Name)
The name parameter is essentially useless. Dont use it
ClipCircle() has One parameters.
Image
ClipCircle(Image)
Any image (or rectangle) to turn into a circle
Rectangle() allows you to create images (specifically, images that are rectangular in shape)
ClipCircle() allows you to turn images (including ones created by Rectangle() into a circular shape)
Rectangle
Let’s build a simple rectangle! You can change the size as well as the color below.
Now let’s build a custom progress bar! You can build two different colored progress bars together to create a dynamic updating progress bar
Woah! Great job, you’ve checked checkbox ClipCircle
By simply adding ClipCircle() to the end of a rectangle, you can create small little colored dots! These are great visual additions you can add to your docs to indicate status in a different way.
Use the Priority column to the left to see how you can create more visually appealing select lists, then dive into the table below to see how it was constructed!
Ready to master Coda yourself?