Skip to content
Gallery
Power Apps UI Cooker
Introduction
About Author
Release Notes
Custom Functions
Custom Components
Share
Explore
Custom Components

icon picker
Blinking Text

MyCondy
Last edited 44 days ago by MyCondy
info

This component is only suitable for Power Apps

steps for Figma does not make any sense.
The component you can use for visualisation of your full capacity for a parking places, reservations, etc...

How to design it in Power Apps

Preview

⁠
Screenshot 2024-08-04 at 17.04.26.png
⁠
⁠
⁠
Screenshot 2024-08-04 at 17.04.35.png
⁠
⁠

What does it consist of?

1x Image

Procedure

Step 1 - create SVG image
Add a new Image object, call it "full_capacity" with this "Image" property:
"data:image/svg+xml;utf8, "&EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='720' height='320' viewBox='0 0 1020 220'>
<text x='0' y='50' style='font-family:Verdana;font-size:92'>Warning full capacity!
<animate
attributeName='fill'
values='#f90;transparent'
begin='0s'
dur='2s'
calcMode='discrete'
repeatCount='indefinite'
/>
</text>
</svg>")

This is an output:
⁠
Screenshot 2024-08-04 at 17.08.52.png
⁠
⁠

Used Colours

SVG Image - #f90

⁠
← Bubble Chart
⁠
⁠
⁠
Card Box →
⁠
⁠

Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.