Menu

Components

Learn more about Umajin and how to integrate it into your workflow

Components are the building blocks for your Umajin Projects. They are equivalent to “controls” or “widgets” in other environments. You add them to pages of your Project and link them with Events to trigger Actions.

This section provides details on all the components you can use in Umajin. They are grouped by category based on the kind of task they are used for.

All
Basic
Navigation
Data Driven
Forms
Layout
Media
Maps
IoT
Other

3D Model

This component is for advanced users. It will display a 3D model of your choice.

Animated Feed

Set up a slide show with face and slide transitions.

Animation

Animation Component 1. Adding an Animation Component Go to the page you’d like to add the animation to, click the + button, and find the...

BLE Component

The BLE Component (Bluetooth Low Energy) is typically used with Bluetooth such as Kontakt beacons.

Button

Button Component Buttons provide a standard mechanism for users to move around a project and to select and submit their choice of options. Any shape,...

Carousel

This component provides an eye-catching display of a set of items that can be revolved on a 3D carousel.

Circle

Circle Component The Circle Component draws a perfect circle of maximum size that fits within the rectangle bounds of the component. As the component resizes...

Custom Components

Custom Components Examples of Custom Components that will be available are: Toggle Switch Five Star Control Five Star Half Control Time Picker Single Date Picker...

Dropdown Menu

This component provides a Hamburger Menu system that you can customize to your own requirements.

Dynamic Article

Dynamic articles are a great way to share text and images that are hosted on your server or in your Umajin Cloud.

Feed Item View

This component will open and display one item from a feed list.

Feed List

Great way to see content from feeds created in the Umajin Cloud/dashboard.

Form

Form Component – Simple Form Creating a new form Form validation The error labels Events on the Form that trigger Actions Tutorial on how to...

Gallery

This easy to use component enables you to display content in a streaming format that you can zoom and pan.

Glass Shelf

Displays a set of items on a rotating, reflective Glass Shelf.

Google Maps

Google Maps Properties for the Google Maps Component Events Actions Special Notes Directions and the native Google Maps app Publishing your Project: Google Maps API...

Group

Group components together so that they can be linked and moved together on the page.

Hamburger Menu

This component provides a Hamburger Menu system that you can customize to your own requirements.

HTML Article

Displays a block of HTML formatted text which has different styles, hyperlinks and images. Save time and effort. The HTML article component makes it easy...

Image

Image Component Display photos, pictures, logos and textures in any size and position on the page. The image can be a .png, .jpg, .tga that...

Image Zoomer

Image Zoomer Component Displays a large image that can be panned and zoomed. The image zoomer overcomes the problem of not having enough screen space...

Layout Group

Layout Group components resize to accommodate the different sizes of content, particularly when controlled by a Cloud feed.

Masters

A Master is a visual display container that can act as templates for layouts across multiple pages.

Nine Slice

  Nine Slice Component Nine-slice, also known as 9-slice, is a way to preserve the edges of an image while scaling it to the desired...

Offline Map

Offline Map Component Map Display Tiles Multi-level Support 3 2 1 G B 3 2 1 G B User Location Methods Location Using Beacons Note:...

Page

Pages make up your project. Pages can be added, duplicated and deleted from your project.

Particle

Create unique moving particle effects in the background of your project.

Rectangle

A straightforward component to enable you to create rectangles of any size and color for backgrounds, brand color panels and any creative use you can...

Render Kit

RenderKit is an advanced component which you can use with Javascript to create high performance visualizations.

Scroll Panel

Scroll long areas of content with dynamic layout and resizing for different devices and orientations.

Text

Text Component Design and display text with any style, color, size and alignment. Design headings, labels and text blocks in an instant. This component delivers...

Text Entry

Text Entry Component Properties for Text Entry Component Events that can Trigger an Action on the Text Entry Component

Tiler

Tiler Component Repeat an image in a tiling pattern. This component has presets that can be loaded into your Project. This component enables you to...

Toggle Button

Toggle Button A button that lets you toggle between two states, and customize actions for each of those states. Properties for Toggle Button Component  ...

Tool Bar

The tool Bar makes organizing navigation easy.

Video

The video component is designed to let you host packaged or streaming video content, inside a window, in your project.

Web View

Web View This component embeds a web browser view into your Project. No browser controls are shown, only the page itself. The browser is the...
Menu