Home
Get Started what is rhyme? Your First App Sign Up
Blocks Block Types [start] [init] [blocks]
Actions Display Actions Input Actions Data Actions Flow Actions Understanding Actions
Variables Naming Conventions Special Variables $variables
Values Working with Text Text Number Switch Item Group Date Time Duration
Images Basics Displaying Images Image Sources
Icons Basics Icon Styling !icon select tool
Colors Color Sets Sets Color Tool Dynamic Theme
Fonts Basics Preview Fonts
Tags Understanding Tags Sounds
Sounds Beep Sounds Tap Sounds Event Sounds Slide Sounds
reference
Actions .10x1-image .12x1-image .16x9-image .1x1-image .1x2-image .1x3-image .1x4-image .1x6-image .1x8-image .2x1-image .2x3-image .3x1-image .3x2-image .4x1-image .4x3-image .4x5-image .5x4-image .6x1-image .6x9-image .8x1-image .a .account-signup .acknowledge .acknowledge-once .action-help .action-list .alt .announcement .app-frame .app-icon .app-iphone .app-laptop .app-navbar .app-tablet .aside .avatar .back .back-button .back-header .background-animated-gradient .background-color .background-gradient .background-image .background-video .banner-divider .bluesky .bottom-center .bottom-left .bottom-navbar .bottom-panel .bottom-right .brand-screen .btn .busy-button .button .button-bar .chat-incoming .chat-input .chat-outgoing .chat-typing .checkbox-field .chip .circle-button .circle-image .click .close-icon .color-input .color-palette .color-swatch .column .confetti .continue-button .copy-textbox .copyright .corner-banner .date-input .details .devfooter .dialog .dicebear-avatar .div .divider .divider-bar .edit-app .editor .enter .enter-date .enter-email .enter-family-name .enter-fullname .enter-given-name .enter-helptext .enter-number .enter-password .enter-phone .enter-text .enter-time .enterkey-effect .error-line .facebook .filler .fineprint .fixed-footer .font-sample .footer .footer-nav .full-panel .fullscreen-error .github .golden-image .goleft-effect .goto .goto-effect .gradient .grid .grid-cell .handwriting .header .help .hide .hide-in-progress .hover-over .hr .icon .icon-avatar .icon-button .icon-with-label .iframe .image .image-avatar .image-button .image-header .image-title .inbox-message .inbox-message-input .initials-avatar .input .instagram .left-panel .link .linkedin .list .list-item .live-search .lottie .megaicon .menu .menu-item .middle-center .middle-left .middle-right .mobile-app-view .navigation-bar .navto .number .option .overlay .paragraph .paragraph-text .password-field .password-panel .paste-background .pinpad-input .placeholder .popup .popup-screen .profile .progress-bar .progress-circle .progress-circle-with-value .qrcode .radio-field .rhappsody .rhyme-editor .rhyme-example .rhyme-live .rhyme-source .right-panel .row .run .screen .screen-background .search .select .select-field .set .shape-divider .show-in-progress .signature .signature-pad .sim-app .simulate .simulator .slider-input .spacer .span .spinner .splash-screen .stack .tagline .text .text-field .textarea .textbox-field .textbox-input .time-input .tint .tiptext .title .top-appbar .top-center .top-left .top-panel .top-right .turnstile .twitter .upload-csv .upload-file .upload-file-input .upload-image .upload-json .user-login .validate-email .value .video .video-banner .video-button .wait .when-load-complete .youtube .youtube-video +attachable +decorate +paste-image +paste-image +tint +when-close +when-load-complete account-ctx account-login account-logout account-signup action add add-days add-line add-row add-text add-weeks admin-login ai-auth ai-context ai-model ai-provider allow-dynamic-actions and app app-authorization app-colors app-context app-context-server app-data app-expires-on app-font app-golive-on app-host app-image app-mode app-name app-password app-private app-public app-sound appdev average background-image bluesky break browser-version build-app calculate capitalize character clear-acknowledgement clear-announcement clear-client clear-icons clear-image clear-images clear-inbox clear-profile close-menu color compile conditional confetti console-error console-info console-log console-var contains continue core-kv-get core-kv-put core-run corner-banner create-key create-table csv day-names days-between days-until decode-secret decrement decrypt default default-style delay delete delete-all-videos delete-app-data delete-app-image delete-appgroup delete-column delete-inbox-message delete-key delete-public-app-data delete-public-user-data delete-row delete-saved delete-user-data dir-action dir-actions dir-app dir-blocks dir-boot dir-build dir-clear dir-clear-inbox dir-compile dir-compiler dir-current dir-delay dir-delete-appgroup dir-delete-image dir-dev dir-edit dir-edit-block dir-files dir-help dir-hide dir-images dir-inbox dir-list-apps dir-list-groups dir-load dir-login dir-login-if-needed dir-logout dir-mock-date dir-new dir-new-appgroup dir-new-image dir-publish dir-regen-keys dir-secrets dir-send-inbox-message dir-set dir-sets dir-shell dir-show dir-source dir-source-default dir-status dir-users dir-who distance-between divide down-key dynamic-action dynamic-color-theme editor-login editor-onkey enable-shell-shortcut encrypt endconditional english ensure-email enter-date enter-email enter-family-name enter-fullname enter-given-name enter-helptext enter-key enter-number enter-password enter-phone enter-text enter-time equals error-line escape-key exit-module facebook fadein fadeout fake fake-date fake-table fake-time fill-column filter-group first-row font foreach forget fullscreen-error generate-app-key get-ip-location get-item-number get-location get-public-key get-recipe get-row github goto groq-ai-chat groq-models have hide host-call http-delete http-get http-post http-put icon if if-fail if-is-closed if-is-open if-success image increment init-all init-animation init-auth init-chat init-client init-compiler init-help init-images instagram is-appgroup-available is-date is-greater-than is-group is-item is-less-than is-number is-time is-valid-email is-valid-phone key last-row launch-module left-key length-of linkedin list-actions list-actionsets list-app-data list-app-images list-appgroups list-apps list-areas list-color-palettes list-colors list-compilers list-dynamic-actions list-fonts list-icons list-images list-inbox list-public-app-data list-public-user-data list-recipes list-saved list-secrets list-user-data list-videos load load-app load-app-data load-audio load-binary-file load-compiler load-json-file load-public-app-data load-public-user-data load-saved load-source load-text-file load-user-data logic loop lowercase manager-login max missing modulo month-names multiply my-approups new-app new-appgroup new-profile noop not not-equals on-incoming-chat-message on-notification open-browser open-browser-window open-menu openai-chat pause-audio person pick-random play-audio print print-error print-header profile protect-with-password proxy publish-bin publish-html publish-private random-between random-dice-roll random-digits random-row random-text random-uuid register-actionset reload remember remove-secret render-recipe repeat resend-send-email reset-client resize-image restore-profile resume return right-key round round-down round-up run save save-app-data save-app-image save-public-app-data save-public-user-data save-source save-user-data say schedule secret send-email send-notification send-to-inbox server-run set set-active-schedule set-ai-service set-animation set-announcement set-app-bin set-app-source set-app-title set-brand-color set-build-mode set-css-variable set-debug-ui set-default set-default-font set-dev-mode set-email-bcc set-email-body set-email-cc set-email-from set-email-service set-email-subject set-email-to set-groq-api-key set-http-body set-http-header set-http-timeout set-iconset set-image set-language set-message-body set-message-from set-message-subject set-mock-mode set-private-key set-public-key set-resend-api-key set-secret set-sound set-start-block set-target-ag set-target-aid set-video set-voice set-voice-language shield show slide-down slide-left slide-right slide-up slot sort-column sort-group sort-table source-block-list source-delete-block source-get-block source-join-blocks source-split-blocks source-update-block space-between-lines space-key spanish split-text stack stop-audio store-profile style su-account su-accounts su-platform subscribe subtract sync-time-to-server test test-owner-auth test-server timer-start timer-stop toggle-menu top-left twitter typed-getters-example unpack-row unshield unsubscribe up-key upload-app-image uppercase use use-modules user user-data user-login vardump varref varset vibrate wait waitfor when youtube
action sets understanding action sets acknowledgement actions AI announcements appgroup audio auth avatars background barcodes blog browser buttons calendar chat client clipboard color column compiler components config core CSS data datetime debug decorator directive divider editor editors effects email enter error events examples exec feedback fields file flow fonts footers form goto groq group headers help HTML HTTP icons if images inbox init input inputs interaction keys language layout lists localstorage location log logic logicfn loops math media menus messaging mock modifier modules navigation network notifications numbers openai overlays paragraph platform print profile progress publish random recipes resend resources rhyme row rows screens search secrets security selects server services shell shield sim social sounds source specialfx speech stacks styling system table test testing text upload users utilities utils validate validation variables video view voice
advanced /shell Variable Types Mock Values environment
Tools /shell Rhyme Editor /shell Playground
Tutorials Your App's Inbox
Resources
Rhappsody Platform Community Discord Server

© 2025 Rhappsody

Images

37 posts tagged with "Images"

.10x1-image

images
element

The .10x1-image action an image with a 10x1 aspect ratio (banner!). It belongs to the images category within the ui area.

Action Syntax 

.10x1-image +imagetag
An image tag starting with + 
.10x1-image $variable
A variable name starting with $ 
.10x1-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.10x1-image %imagetag
// Using Variables
// Display dynamic content from variables
.10x1-image $imagetag
Action code: 1202249789
Version: 0.6.4
Last updated: 2025-06-13

.12x1-image

images
element

The .12x1-image action an image with a 12x1 aspect ratio (mega banner!). It belongs to the images category within the ui area.

Action Syntax 

.12x1-image +imagetag
An image tag starting with + 
.12x1-image $variable
A variable name starting with $ 
.12x1-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.12x1-image %imagetag
// Using Variables
// Display dynamic content from variables
.12x1-image $imagetag
Action code: 3932735951
Version: 0.6.4
Last updated: 2025-06-13

.16x9-image

images
element

The .16x9-image action an image with a 16x9 aspect ratio. It belongs to the images category within the ui area.

Action Syntax 

.16x9-image +imagetag
An image tag starting with + 
.16x9-image $variable
A variable name starting with $
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.16x9-image %tag
// Using Variables
// Display dynamic content from variables
.16x9-image $imagetag
Action code: 913295457
Version: 0.6.4-2
Last updated: 2025-06-13

.1x1-image

images
element

The .1x1-image action an image with a 1x1 aspect ratio (square!). It belongs to the images category within the ui area.

Action Syntax 

.1x1-image +imagetag
An image tag starting with + 
.1x1-image $variable
A variable name starting with $ 
.1x1-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.1x1-image %imagetag
// Using Variables
// Display dynamic content from variables
.1x1-image $imagetag
Action code: 4292680758
Version: 0.6.4-0
Last updated: 2025-06-13

.1x2-image

images
element

The .1x2-image action an image with a 1x2 aspect ratio (tall!). It belongs to the images category within the ui area.

Action Syntax 

.1x2-image +imagetag
An image tag starting with + 
.1x2-image $variable
A variable name starting with $ 
.1x2-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.1x2-image %imagetag
// Using Variables
// Display dynamic content from variables
.1x2-image $imagetag
Action code: 3289211821
Version: 0.6.4-0
Last updated: 2025-06-13

.1x3-image

images
element

The .1x3-image action an image with a 1x3 aspect ratio (very tall!). It belongs to the images category within the ui area.

Action Syntax 

.1x3-image +imagetag
An image tag starting with + 
.1x3-image $variable
A variable name starting with $ 
.1x3-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.1x3-image %imagetag
// Using Variables
// Display dynamic content from variables
.1x3-image $imagetag
Action code: 1270762021
Version: 0.6.4-0
Last updated: 2025-06-13

.1x4-image

images
element

The .1x4-image action an image with a 1x4 aspect ratio (extremely tall!). It belongs to the images category within the ui area.

Action Syntax 

.1x4-image +imagetag
An image tag starting with + 
.1x4-image $variable
A variable name starting with $ 
.1x4-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.1x4-image %imagetag
// Using Variables
// Display dynamic content from variables
.1x4-image $imagetag
Action code: 3014499483
Version: 0.6.4-0
Last updated: 2025-06-13

.1x6-image

images
element

The .1x6-image action an image with a 1x6 aspect ratio (super tall!). It belongs to the images category within the ui area.

Action Syntax 

.1x6-image +imagetag
An image tag starting with + 
.1x6-image $variable
A variable name starting with $ 
.1x6-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.1x6-image %imagetag
// Using Variables
// Display dynamic content from variables
.1x6-image $imagetag
Action code: 130992776
Version: 0.6.4
Last updated: 2025-06-13

.1x8-image

images
element

The .1x8-image action an image with a 1x8 aspect ratio (ultra tall!). It belongs to the images category within the ui area.

Action Syntax 

.1x8-image +imagetag
An image tag starting with + 
.1x8-image $variable
A variable name starting with $ 
.1x8-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.1x8-image %imagetag
// Using Variables
// Display dynamic content from variables
.1x8-image $imagetag
Action code: 1558995703
Version: 0.6.4
Last updated: 2025-06-13

.2x1-image

images
element

The .2x1-image action an image with a 2x1 aspect ratio (wide!). It belongs to the images category within the ui area.

Action Syntax 

.2x1-image +imagetag
An image tag starting with + 
.2x1-image $variable
A variable name starting with $ 
.2x1-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.2x1-image %imagetag
// Using Variables
// Display dynamic content from variables
.2x1-image $imagetag
Action code: 83697981
Version: 0.6.4
Last updated: 2025-06-13

.2x3-image

images
element

The .2x3-image action an image with a 2x3 aspect ratio (portrait!). It belongs to the images category within the ui area.

Action Syntax 

.2x3-image +imagetag
An image tag starting with + 
.2x3-image $variable
A variable name starting with $ 
.2x3-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.2x3-image %imagetag
// Using Variables
// Display dynamic content from variables
.2x3-image $imagetag
Action code: 2963175214
Version: 0.6.4
Last updated: 2025-06-13

.3x1-image

images
element

The .3x1-image action an image with a 3x1 aspect ratio (very wide!). It belongs to the images category within the ui area.

Action Syntax 

.3x1-image +imagetag
An image tag starting with + 
.3x1-image $variable
A variable name starting with $ 
.3x1-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.3x1-image %imagetag
// Using Variables
// Display dynamic content from variables
.3x1-image $imagetag
Action code: 1377646020
Version: 0.6.4
Last updated: 2025-06-13

.3x2-image

images
element

The .3x2-image action an image with a 3x2 aspect ratio (landscape!). It belongs to the images category within the ui area.

Action Syntax 

.3x2-image +imagetag
An image tag starting with + 
.3x2-image $variable
A variable name starting with $ 
.3x2-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.3x2-image %imagetag
// Using Variables
// Display dynamic content from variables
.3x2-image $imagetag
Action code: 1775061599
Version: 0.6.4
Last updated: 2025-06-13

.4x1-image

images
element

The .4x1-image action an image with a 4x1 aspect ratio (extremely wide!). It belongs to the images category within the ui area.

Action Syntax 

.4x1-image +imagetag
An image tag starting with + 
.4x1-image $variable
A variable name starting with $ 
.4x1-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.4x1-image %imagetag
// Using Variables
// Display dynamic content from variables
.4x1-image $imagetag
Action code: 1505254952
Version: 0.6.4
Last updated: 2025-06-13

.4x3-image

images
element

The .4x3-image action an image with a 4x3 aspect ratio (classic!). It belongs to the images category within the ui area.

Action Syntax 

.4x3-image +imagetag
An image tag starting with + 
.4x3-image $variable
A variable name starting with $ 
.4x3-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.4x3-image %imagetag
// Using Variables
// Display dynamic content from variables
.4x3-image $imagetag
Action code: 3990554683
Version: 0.6.4
Last updated: 2025-06-13

.4x5-image

images
element

The .4x5-image action an image with a 4x5 aspect ratio (standard print!). It belongs to the images category within the ui area.

Action Syntax 

.4x5-image +imagetag
An image tag starting with + 
.4x5-image $variable
A variable name starting with $ 
.4x5-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.4x5-image %imagetag
// Using Variables
// Display dynamic content from variables
.4x5-image $imagetag
Action code: 2591815437
Version: 0.6.4
Last updated: 2025-06-13

.5x4-image

images
element

The .5x4-image action an image with a 5x4 aspect ratio (photo print!). It belongs to the images category within the ui area.

Action Syntax 

.5x4-image +imagetag
An image tag starting with + 
.5x4-image $variable
A variable name starting with $ 
.5x4-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.5x4-image %imagetag
// Using Variables
// Display dynamic content from variables
.5x4-image $imagetag
Action code: 1126746748
Version: 0.6.4
Last updated: 2025-06-13

.6x1-image

images
element

The .6x1-image action an image with a 6x1 aspect ratio (super wide!). It belongs to the images category within the ui area.

Action Syntax 

.6x1-image +imagetag
An image tag starting with + 
.6x1-image $variable
A variable name starting with $ 
.6x1-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.6x1-image %imagetag
// Using Variables
// Display dynamic content from variables
.6x1-image $imagetag
Action code: 4101535706
Version: 0.6.4
Last updated: 2025-06-13

.6x9-image

images
element

The .6x9-image action an image with a 6x9 aspect ratio (postcard!). It belongs to the images category within the ui area.

Action Syntax 

.6x9-image +imagetag
An image tag starting with + 
.6x9-image $variable
A variable name starting with $ 
.6x9-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.6x9-image %imagetag
// Using Variables
// Display dynamic content from variables
.6x9-image $imagetag
Action code: 3640270995
Version: 0.6.4
Last updated: 2025-06-13

.8x1-image

images
element

The .8x1-image action an image with a 8x1 aspect ratio (ultra wide!). It belongs to the images category within the ui area.

Action Syntax 

.8x1-image +imagetag
An image tag starting with + 
.8x1-image $variable
A variable name starting with $ 
.8x1-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.8x1-image %imagetag
// Using Variables
// Display dynamic content from variables
.8x1-image $imagetag
Action code: 3811745794
Version: 0.6.4
Last updated: 2025-06-13

.circle-image

images
element

The .circle-image action small circlular image. It belongs to the images category within the ui area.

Action Syntax 

.circle-image +imagetag
An image tag starting with + 
.circle-image +imagetag +imagetag
An image tag starting with + followed by An image tag starting with +

Examples 

// Basic Usage
.circle-image +imagetag
Action code: 3138290022
Version: 0.6.4-0
Last updated: 2025-06-13

.golden-image

images
element

The .golden-image action an image with golden ratio aspect (1.618:1!). It belongs to the images category within the ui area.

Action Syntax 

.golden-image +imagetag
An image tag starting with + 
.golden-image $variable
A variable name starting with $ 
.golden-image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.golden-image %imagetag
// Using Variables
// Display dynamic content from variables
.golden-image $imagetag
Action code: 1074538677
Version: 0.6.4
Last updated: 2025-06-13

.image

images
element

The .image action base image with its original aspect ratio. It belongs to the images category within the ui area.

Action Syntax 

.image +imagetag
An image tag starting with + 
.image $variable
A variable name starting with $ 
.image https://...
A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
.image %imagetag
// Using Variables
// Display dynamic content from variables
.image $imagetag
Action code: 2361649324
Version: 0.6.4-28
Last updated: 2025-06-13

.image-button

images
element

The .image-button action an image button. It belongs to the images category within the ui area.

Action Syntax 

.image-button +imagetag
An image tag starting with + 
.image-button +imagetag "text"
An image tag starting with + followed by A quoted text string 
.image-button +imagetag [file]
An image tag starting with + followed by A file reference 
.image-button +imagetag "text" [file]
An image tag starting with + followed by A quoted text string followed by A file reference
Valid sizes
tiny
small
medium
large
extra
Tags
rounded

a rounded button (default)

.image-title

images
element

The .image-title action displays title text on top of an image. It belongs to the images category within the ui area.

Action Syntax 

.image-title "text"
A quoted text string 
.image-title $variable
A variable name starting with $
Valid sizes
small
medium
large

Examples 

// Basic Usage
.image-title "imagetitle"
// Using Variables
// Display dynamic content from variables
.image-title $imagetitle
Action code: 2785314617
Version: 0.6.4-0
Last updated: 2025-06-13

+tint

images

The +tint action tints image with a color. It belongs to the images category within the ui area.

Action Syntax 

+tint #color
A color in format #colorname 
+tint $variable
A variable name starting with $
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
+tint #color
// Using Variables
// Display dynamic content from variables
+tint $color
Action code: 3637974006
Version: 0.6.4-3
Last updated: 2025-06-13

app-image

images

The app-image action manually defines app-images: this are cached and save on the device. Use for images that do not change often or ever. It belongs to the images category within the ui area.

Action Syntax 

app-image +imagetag https://...
An image tag starting with + followed by A valid URL
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
app-image %imagetag https://imageurl
Action code: 2440539082
Version: 0.6.4
Last updated: 2025-06-13

clear-image

images

The clear-image action deletes a stored images from this device. It belongs to the images category within the ui area.

Action Syntax 

clear-image +imagetag
An image tag starting with + 
clear-image $variable
A variable name starting with $
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
clear-image %imagetag
// Using Variables
// Display dynamic content from variables
clear-image $imagetag
Action code: 3218907078
Version: 0.6.4-1
Last updated: 2025-06-13

clear-images

images
function

The clear-images action clears all stored/cached images on local device. It belongs to the images category within the ui area.

Action Syntax

This action accepts various parameters. See the examples below for usage patterns.

Return Value

This function returns a

NUMBER
value that can be stored in a variable:

$result = clear-images
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
clear-images
Action code: 1158021440
Version: 0.6.4-0
Last updated: 2025-06-13

delete-app-image

images
function

The delete-app-image action deletes an app image. It belongs to the images category within the ui area.

Action Syntax 

delete-app-image +imagetag
An image tag starting with + 
delete-app-image $variable
A variable name starting with $
Return Value

This function returns a

RESPONSE
value that can be stored in a variable:

$result = delete-app-image
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
$response = delete-app-image %imagetag
Action code: 3872201867
Version: 0.6.4-1
Last updated: 2025-06-13

image

images
function

The image action stores an image in a variable for future use. It belongs to the images category within the ui area.

Action Syntax 

image https://...
A valid URL 
image $variable
A variable name starting with $
Return Value

This function returns a

RESPONSE
value that can be stored in a variable:

$result = image
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
$response = image https://imageurl
Action code: 429367544
Version: 0.6.4-0
Last updated: 2025-06-13

list-app-images

images
function

The list-app-images action lists the current Rhappsody app images. It belongs to the images category within the ui area.

Action Syntax

This action accepts various parameters. See the examples below for usage patterns.

Return Value

This function returns a

GROUP
value that can be stored in a variable:

$result = list-app-images
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
list-app-images
Action code: 2441702725
Version: 0.6.4-1
Last updated: 2025-06-13

list-images

images
function

The list-images action lists images saved in IDB using the set-image action. It belongs to the images category within the ui area.

Action Syntax 

list-images $variable
A variable name starting with $
Return Value

This function returns a

GROUP
value that can be stored in a variable:

$result = list-images
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
list-images $Limages
Action code: 2333061295
Version: 0.6.4-3
Last updated: 2025-06-13

resize-image

images
function

The resize-image action resizes an image. It belongs to the images category within the ui area.

Action Syntax 

resize-image $variable width 123
A variable name starting with $ followed by a value followed by A numeric value 
resize-image $variable width 123 height 123
A variable name starting with $ followed by a value followed by A numeric value followed by a value followed by A numeric value
Return Value

This function returns a

IMAGE
value that can be stored in a variable:

save-app-image

images
function

The save-app-image action saves an app image. It belongs to the images category within the ui area.

Action Syntax 

save-app-image +imagetag $variable
An image tag starting with + followed by A variable name starting with $ 
save-app-image +imagetag https://...
An image tag starting with + followed by A valid URL
Return Value

This function returns a

RESPONSE
value that can be stored in a variable:

$result = save-app-image
Valid sizes
tiny
small
medium
large
extra

Examples 

// Basic Usage
$response = save-app-image %savetag $imagedata
Action code: 231635509
Version: 0.6.4-0
Last updated: 2025-06-13

set-image

images

The set-image action sets/defines an image tag. It belongs to the images category within the ui area.

Action Syntax 

set-image +imagetag https://...
An image tag starting with + followed by A valid URL 
set-image +imagetag +imagetag
An image tag starting with + followed by An image tag starting with +
Valid sizes
tiny
small
medium
large
extra
Tags
save

persists the image in local storage. Use for static images

upload-app-image

images
function

The upload-app-image action Uploads an image for use within your app interface. It belongs to the images category within the ui area.

Action Syntax 

upload-app-image +imagetag
An image tag starting with +
Return Value

This function returns a

RESPONSE
value that can be stored in a variable:

$result = upload-app-image
Valid sizes
tiny
small
medium
large
extra
Tags
ar

desired aspect ratio for the uploaded image

Examples 

// Basic Usage
$response = upload-app-image %imagetag
Action code: 372849980
Version: 0.6.4-1
Last updated: 2025-06-13

Home
Get Started what is rhyme? Your First App Sign Up
Blocks Block Types [start] [init] [blocks]
Actions Display Actions Input Actions Data Actions Flow Actions Understanding Actions
Variables Naming Conventions Special Variables $variables
Values Working with Text Text Number Switch Item Group Date Time Duration
Images Basics Displaying Images Image Sources
Icons Basics Icon Styling !icon select tool
Colors Color Sets Sets Color Tool Dynamic Theme
Fonts Basics Preview Fonts
Tags Understanding Tags Sounds
Sounds Beep Sounds Tap Sounds Event Sounds Slide Sounds
reference
Actions .10x1-image .12x1-image .16x9-image .1x1-image .1x2-image .1x3-image .1x4-image .1x6-image .1x8-image .2x1-image .2x3-image .3x1-image .3x2-image .4x1-image .4x3-image .4x5-image .5x4-image .6x1-image .6x9-image .8x1-image .a .account-signup .acknowledge .acknowledge-once .action-help .action-list .alt .announcement .app-frame .app-icon .app-iphone .app-laptop .app-navbar .app-tablet .aside .avatar .back .back-button .back-header .background-animated-gradient .background-color .background-gradient .background-image .background-video .banner-divider .bluesky .bottom-center .bottom-left .bottom-navbar .bottom-panel .bottom-right .brand-screen .btn .busy-button .button .button-bar .chat-incoming .chat-input .chat-outgoing .chat-typing .checkbox-field .chip .circle-button .circle-image .click .close-icon .color-input .color-palette .color-swatch .column .confetti .continue-button .copy-textbox .copyright .corner-banner .date-input .details .devfooter .dialog .dicebear-avatar .div .divider .divider-bar .edit-app .editor .enter .enter-date .enter-email .enter-family-name .enter-fullname .enter-given-name .enter-helptext .enter-number .enter-password .enter-phone .enter-text .enter-time .enterkey-effect .error-line .facebook .filler .fineprint .fixed-footer .font-sample .footer .footer-nav .full-panel .fullscreen-error .github .golden-image .goleft-effect .goto .goto-effect .gradient .grid .grid-cell .handwriting .header .help .hide .hide-in-progress .hover-over .hr .icon .icon-avatar .icon-button .icon-with-label .iframe .image .image-avatar .image-button .image-header .image-title .inbox-message .inbox-message-input .initials-avatar .input .instagram .left-panel .link .linkedin .list .list-item .live-search .lottie .megaicon .menu .menu-item .middle-center .middle-left .middle-right .mobile-app-view .navigation-bar .navto .number .option .overlay .paragraph .paragraph-text .password-field .password-panel .paste-background .pinpad-input .placeholder .popup .popup-screen .profile .progress-bar .progress-circle .progress-circle-with-value .qrcode .radio-field .rhappsody .rhyme-editor .rhyme-example .rhyme-live .rhyme-source .right-panel .row .run .screen .screen-background .search .select .select-field .set .shape-divider .show-in-progress .signature .signature-pad .sim-app .simulate .simulator .slider-input .spacer .span .spinner .splash-screen .stack .tagline .text .text-field .textarea .textbox-field .textbox-input .time-input .tint .tiptext .title .top-appbar .top-center .top-left .top-panel .top-right .turnstile .twitter .upload-csv .upload-file .upload-file-input .upload-image .upload-json .user-login .validate-email .value .video .video-banner .video-button .wait .when-load-complete .youtube .youtube-video +attachable +decorate +paste-image +paste-image +tint +when-close +when-load-complete account-ctx account-login account-logout account-signup action add add-days add-line add-row add-text add-weeks admin-login ai-auth ai-context ai-model ai-provider allow-dynamic-actions and app app-authorization app-colors app-context app-context-server app-data app-expires-on app-font app-golive-on app-host app-image app-mode app-name app-password app-private app-public app-sound appdev average background-image bluesky break browser-version build-app calculate capitalize character clear-acknowledgement clear-announcement clear-client clear-icons clear-image clear-images clear-inbox clear-profile close-menu color compile conditional confetti console-error console-info console-log console-var contains continue core-kv-get core-kv-put core-run corner-banner create-key create-table csv day-names days-between days-until decode-secret decrement decrypt default default-style delay delete delete-all-videos delete-app-data delete-app-image delete-appgroup delete-column delete-inbox-message delete-key delete-public-app-data delete-public-user-data delete-row delete-saved delete-user-data dir-action dir-actions dir-app dir-blocks dir-boot dir-build dir-clear dir-clear-inbox dir-compile dir-compiler dir-current dir-delay dir-delete-appgroup dir-delete-image dir-dev dir-edit dir-edit-block dir-files dir-help dir-hide dir-images dir-inbox dir-list-apps dir-list-groups dir-load dir-login dir-login-if-needed dir-logout dir-mock-date dir-new dir-new-appgroup dir-new-image dir-publish dir-regen-keys dir-secrets dir-send-inbox-message dir-set dir-sets dir-shell dir-show dir-source dir-source-default dir-status dir-users dir-who distance-between divide down-key dynamic-action dynamic-color-theme editor-login editor-onkey enable-shell-shortcut encrypt endconditional english ensure-email enter-date enter-email enter-family-name enter-fullname enter-given-name enter-helptext enter-key enter-number enter-password enter-phone enter-text enter-time equals error-line escape-key exit-module facebook fadein fadeout fake fake-date fake-table fake-time fill-column filter-group first-row font foreach forget fullscreen-error generate-app-key get-ip-location get-item-number get-location get-public-key get-recipe get-row github goto groq-ai-chat groq-models have hide host-call http-delete http-get http-post http-put icon if if-fail if-is-closed if-is-open if-success image increment init-all init-animation init-auth init-chat init-client init-compiler init-help init-images instagram is-appgroup-available is-date is-greater-than is-group is-item is-less-than is-number is-time is-valid-email is-valid-phone key last-row launch-module left-key length-of linkedin list-actions list-actionsets list-app-data list-app-images list-appgroups list-apps list-areas list-color-palettes list-colors list-compilers list-dynamic-actions list-fonts list-icons list-images list-inbox list-public-app-data list-public-user-data list-recipes list-saved list-secrets list-user-data list-videos load load-app load-app-data load-audio load-binary-file load-compiler load-json-file load-public-app-data load-public-user-data load-saved load-source load-text-file load-user-data logic loop lowercase manager-login max missing modulo month-names multiply my-approups new-app new-appgroup new-profile noop not not-equals on-incoming-chat-message on-notification open-browser open-browser-window open-menu openai-chat pause-audio person pick-random play-audio print print-error print-header profile protect-with-password proxy publish-bin publish-html publish-private random-between random-dice-roll random-digits random-row random-text random-uuid register-actionset reload remember remove-secret render-recipe repeat resend-send-email reset-client resize-image restore-profile resume return right-key round round-down round-up run save save-app-data save-app-image save-public-app-data save-public-user-data save-source save-user-data say schedule secret send-email send-notification send-to-inbox server-run set set-active-schedule set-ai-service set-animation set-announcement set-app-bin set-app-source set-app-title set-brand-color set-build-mode set-css-variable set-debug-ui set-default set-default-font set-dev-mode set-email-bcc set-email-body set-email-cc set-email-from set-email-service set-email-subject set-email-to set-groq-api-key set-http-body set-http-header set-http-timeout set-iconset set-image set-language set-message-body set-message-from set-message-subject set-mock-mode set-private-key set-public-key set-resend-api-key set-secret set-sound set-start-block set-target-ag set-target-aid set-video set-voice set-voice-language shield show slide-down slide-left slide-right slide-up slot sort-column sort-group sort-table source-block-list source-delete-block source-get-block source-join-blocks source-split-blocks source-update-block space-between-lines space-key spanish split-text stack stop-audio store-profile style su-account su-accounts su-platform subscribe subtract sync-time-to-server test test-owner-auth test-server timer-start timer-stop toggle-menu top-left twitter typed-getters-example unpack-row unshield unsubscribe up-key upload-app-image uppercase use use-modules user user-data user-login vardump varref varset vibrate wait waitfor when youtube
action sets understanding action sets acknowledgement actions AI announcements appgroup audio auth avatars background barcodes blog browser buttons calendar chat client clipboard color column compiler components config core CSS data datetime debug decorator directive divider editor editors effects email enter error events examples exec feedback fields file flow fonts footers form goto groq group headers help HTML HTTP icons if images inbox init input inputs interaction keys language layout lists localstorage location log logic logicfn loops math media menus messaging mock modifier modules navigation network notifications numbers openai overlays paragraph platform print profile progress publish random recipes resend resources rhyme row rows screens search secrets security selects server services shell shield sim social sounds source specialfx speech stacks styling system table test testing text upload users utilities utils validate validation variables video view voice
advanced /shell Variable Types Mock Values environment
Tools /shell Rhyme Editor /shell Playground
Tutorials Your App's Inbox
Resources
Rhappsody Platform Community Discord Server

© 2025 Rhappsody