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.

Loading...
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. You can choose “.obj” (wavefront object format) or a “.um”...

Animated Feed

Set up a slide show with fade and slide transitions. Create your images/graphic/written content and add to the Umajin Cloud as a Feed. The Animated...

Arrow

The Arrow Component allows you to easily add arrows to your project. The ability to change the rotation and curve of the arrow, allows you...

Avatar

Avatar Component The Avatar component is a virtual person interface. It is similar to the Animation component but it has the ability to move the...

Beacon installation for indoor mapping

This page describes how to install beacons for use with the Umajin Editor's Offline Map component. We recommend Kontakt.io beacons. Overall Process We have found a phased...

BLE Component

The BLE Component can be used with various kinds of Bluetooth Low Energy devices. It provides a set of events for the results of finding and...

Button

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

Canvas

The Canvas component is a container for drawing graphics, and manipulating images via JavaScript. Once the component is on the page, use JavaScript to create...

Carousel

This component provides an eye-catching display of a  set of items that can be revolved on a 3D carousel. As soon as you select the...

Circle

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

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 Date Range...

Dropdown Menu

This Component provides a dropdown menu system that you can customize to your own requirements. When you select the Dropdown Menu Component, it will automatically...

Dynamic Article

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

Feed Item View

This component will open and display one item from a Feed List. Feed Lists are often used to build a product list, such as a menu...

Feed List

A Feed is a great way of changing content in you project like menus or product information without having to rebuild it each time. Create...

Form

This component provides a form that will collect information from the user. A simple example is collecting customer feedback with contact details and comments. The...

Gallery

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

Glass Shelf

Displays a set of items on a rotating, reflective Glass Shelf. Focus customer attention on your content by displaying items on a shelf. The Glass...

Google Maps

The Google Maps component allows you to show a map in your Project that is powered by Google Maps. You can show routes and markers on the...

Group

This component allows you to group components together so they can be moved and placed together on a page. The main group component allows you...

Hamburger Menu

Hamburger Menu Component This component provides a Hamburger Menu system that you can customize to your own requirements. When you select the Hamburger Menu component, it...

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

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

Image Zoomer

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

Layout Group

This component groups a set of other components, just like the basic Group component. A Layout Group, however, is able to resize itself to accommodate...

Masters

Master Component A Master is a visual display container. A Master you have already created may be inserted onto one page or a number of...

Nine Slice

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

Offline Map

The Offline Map component allows you to show a map in your Project that does not require any internet connection. The map is typically of...

Offline Map Route Editor

Once you have create a map tile set for your Offline Map Component, to allow route finding requires a map of the possible routes. Umajin...

Page

Pages make up your project. Pages can be added, duplicated, reordered and deleted from your project. The very first page in order is shown first...

Particle

Create cascading raindrops or autumn leaves without having to code! You set the scene and attract attention to your products or service. This component allows...

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

The RenderKit is an advanced component which you can use with JavaScript to create high performance visualizations, charts and even games. For more information see...

Scroll Panel

Scroll long areas of content with dynamic layout and resizing for different devices and orientations. This component provides a container that can have a group...

Speech Player

Speech Component The Speech component is a non-visible component which allows you to use 'text to speech' technology. It requires being paired with calling actions...

Spine Animation

2D animation for logos, objects and characters. Adding an Animation Component How to create an Animation How to export from Spine Apply your Animation to...

Text

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

Text Entry

This component lets you gather information from customers using their native device data entry methods (on screen keyboard, voice, handwriting etc). You can type in...

Tiler

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

Toggle Button

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