Crescent Moon Shape

Crescent Moon Shape #

This recipe explains how to combine formulas and paths to create a dynamic shape in Kustom

Step 1: Create a new Shape Module #

In your Kustom editor, create a new Shape module. You can do this by:

1. Tapping the “+” button
2. Selecting “Shape”

In the shape module, select “Path” as the shape type. This will allow you to define a custom shape using SVG path commands.

Get a random image on click

Get a random image on click #

Flows can react to different things including clicks, in this example we will see how to trigger a Flow by clicking an item and making the flow pick a random file from a folder and show the image on the widget

Tutorial #

Get title and image from a JSON API every hour

Get title and image from a JSON API every hour #

Kustom Flows can chain events and store data into files that can be used later in formulas. In this example we will get some data from an external API (the NASA daily picture API) and store the results locally, we will finally use that data to display the image and its title

Tutorial #

Random image from Unsplash on click

Random image from Unsplash on click #

In this simple example #CraftMath downloads a random image JSON from Unsplash using their APIs updating it everything time a click is triggered

Tutorial #

Video #

Steps #

First of all add a Widget (or a wallpaper or any other Kustom item), then:

• Register Unsplash account and request an API key
• Store API key as a “secret” or normal global, name it “key”
• Create a new text global, name it “json”
• Go to Flows, add a new Flow
• Add a “manual trigger” this will trigger the flow manually via touch
• Add an Action of type WebGet and use “ https://api.unsplash.com/photos/random?client_id=$gv(key)$" as URL
• Add an action to store to a Global, select “json” as the global, flow will download the JSON file and assign the global to the local JSON file path (unless you switch “store file content not path” which will intead store the file content in the global)
• Finally add an image, switch “Bitmap” to a formula and use $wg(gv(json), json, .urls.raw)$ to use the image url from the json
• You are done

Send a message to Kustom from the internet

Send a message to Kustom via HTTP POST #

Starting from version 3.70 you can send variables from the Internet directly to Kustom via HTTP POST. This could be useful in many situations like:

Show a clock with a different timezone

Multiple TZ clocks #

In Kustom every layer can have a different location or timezone, changing this parameter affects all the items inside the layer. If you change the location both weather, location, air quality and time data will change, if you just change the timezone only the clock will be modified. You can change default locations in the app settings

Tutorial #