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

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

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 beacons, such as Kontakt beacons. You add one BLE Component to your Project to...

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

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

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

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

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

Dynamic Article

Dynamic Article Component 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

Feed Item View Component This component will open and display one item from a Feed List. Feed Lists are often used to build a product list,...

Feed List

Feed List Component Great way to see content from Feeds created in the Umajin Cloud. Source types can be csv, xml, rss, jsn, product_list, Twitter,...

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

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

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

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

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

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 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, reordered and deleted from your project. The very first page in order is shown first...

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

Tool Bar Component The Tool Bar makes organizing navigation easy. Customize your Tool Bar design, icons and transitions. The Tool Bar lets you add images/text/buttons/icons...

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