• Overview
    • Introduction
    • User Interface Description
    • Installing Umajin
    • Shortcuts
    • Asset Management
    • Responsive Content
    • Project Icon
    • Text Styles
    • Guidewires
    • Presets
    • Glossary
    • Multi-user
  • Components
    • Intro
    • Page
    • Basic
      • Arrow
      • Button
      • Circle
      • HTML Article
      • Image
      • Image Zoomer
      • Nine Slice
      • Rectangle
      • Text
      • Tiler
      • Toggle Button
      • Web View
    • Navigation
      • Carousel
      • Dropdown Menu
      • Glass Shelf
      • Hamburger Menu
      • Tool Bar
    • Data Driven
      • Animated Feed
      • Dynamic Article
      • Feed Item View
      • Feed List
    • Forms
      • Form
      • Text Entry
    • Layout
      • Gallery
      • Group
      • Layout Group
      • Scroll Panel
    • Media
      • 3D Model
      • Spine Animation
      • Lottie Animation
      • Avatar
      • Canvas
      • Particle
      • Render Kit
      • Speech Player
      • Video
    • Maps
      • Google Maps
      • Offline Map
      • Offline Map Route Editor
      • Map creation guide
      • Beacon installation for indoor mapping
    • Internet of Things (IoT)
      • Bluetooth BLE
    • Masters
    • Custom Components
  • Actions
    • Add and Configure Actions
    • Basic Actions
    • Navigation Actions
    • Layout Actions
    • Appearance Actions
    • Animation Actions
    • Media Actions
    • Avatar Actions
    • Gallery Actions
    • Form Actions
    • Data Driven Actions
    • Maps Actions
    • IOT (Internet of Things) Actions
    • Advanced Actions
    • Custom Actions
  • Tutorials
  • Cloud Services
    • Overview of Cloud Services
    • Google Analytics
    • Umajin Analytics
  • Publishing
    • Introduction
    • Umajin Editor Lite
    • iOS – Apple App Store
    • Android – Google Play Store
    • Mac
    • Windows
Menu
  • Overview
    • Introduction
    • User Interface Description
    • Installing Umajin
    • Shortcuts
    • Asset Management
    • Responsive Content
    • Project Icon
    • Text Styles
    • Guidewires
    • Presets
    • Glossary
    • Multi-user
  • Components
    • Intro
    • Page
    • Basic
      • Arrow
      • Button
      • Circle
      • HTML Article
      • Image
      • Image Zoomer
      • Nine Slice
      • Rectangle
      • Text
      • Tiler
      • Toggle Button
      • Web View
    • Navigation
      • Carousel
      • Dropdown Menu
      • Glass Shelf
      • Hamburger Menu
      • Tool Bar
    • Data Driven
      • Animated Feed
      • Dynamic Article
      • Feed Item View
      • Feed List
    • Forms
      • Form
      • Text Entry
    • Layout
      • Gallery
      • Group
      • Layout Group
      • Scroll Panel
    • Media
      • 3D Model
      • Spine Animation
      • Lottie Animation
      • Avatar
      • Canvas
      • Particle
      • Render Kit
      • Speech Player
      • Video
    • Maps
      • Google Maps
      • Offline Map
      • Offline Map Route Editor
      • Map creation guide
      • Beacon installation for indoor mapping
    • Internet of Things (IoT)
      • Bluetooth BLE
    • Masters
    • Custom Components
  • Actions
    • Add and Configure Actions
    • Basic Actions
    • Navigation Actions
    • Layout Actions
    • Appearance Actions
    • Animation Actions
    • Media Actions
    • Avatar Actions
    • Gallery Actions
    • Form Actions
    • Data Driven Actions
    • Maps Actions
    • IOT (Internet of Things) Actions
    • Advanced Actions
    • Custom Actions
  • Tutorials
  • Cloud Services
    • Overview of Cloud Services
    • Google Analytics
    • Umajin Analytics
  • Publishing
    • Introduction
    • Umajin Editor Lite
    • iOS – Apple App Store
    • Android – Google Play Store
    • Mac
    • Windows

Tutorials

Explore And Learn How To Interact With Umajin In Our Library Of Tutorials

Loading...
All
Components
Beginner
Intermediate
Expert
Custom

Nine Slice Tutorial

Overview This tutorial shows some examples of how to use the Nine Slice Component to scale images while preserving image corners.  This is handy for all sorts of UI elements such...
Allison Brebner
/
August 21, 2017

Time Picker

Note: currently, the time picker is suggested to be used in Projects that do not change orientation. If the orientation of a time picker is changed, this changes the time...
Carina Holdaway
/
January 17, 2019

Dynamic Article Tutorial

Adding a Dynamic Article to your Project's page with new content Overview The Dynamic Article displays HTML content in your project that you maintain in Umajin's Cloud Services, http://cloud.umajin.com. This...
admin
/
September 7, 2017

Five Star Control

The Five Star Control component can be used to show a rating. Clicking on a star selects, or deselects it to display a rating between 0 and 5. The JavaScript...
Carina Holdaway
/
January 17, 2019

Simple Feed

Overview In this tutorial, we will look into adding a simple feed for your project via cloud services. Prerequisites Umajin Editor downloaded and installed. Instructions We will start by creating...
Arjun Kumar
/
December 22, 2020

Five Star Half Control

The Five Star Half Control component can be used to show a rating. Clicking on a star selects, or deselects it to display a rating between 0 and 5. Clicking...
Carina Holdaway
/
January 17, 2019

Simple Form Customization

Overview A Form Component provides a simple contact form that will collect customer contact details and comments. The data is fed back into a Simple Form you create in the...
admin
/
August 4, 2017

Toggle Switch

The Toggle Switch component can be used to show an on/off value. Clicking on the switch toggles between the on and off states. The JavaScript file can be edited to...
Carina Holdaway
/
January 17, 2019

Form Basics

Simple Form Basics - Creating a form to collect customer information and storing it in a Feed. Overview In this tutorial we will use the default Simple Form component to...
Cliff W
/
December 19, 2017

Form Basics – Validation

Overview In this tutorial we will expand the default Form component by adding a phone number field and validating it with actions. When the phone number input is valid the...
Cliff W
/
December 17, 2017

Creating your first Project

Follow along with this video to make your first mobile project. You will be guided through the process and finish with a mobile application which you will be able to...
Mark Manderson
/
December 19, 2017

Foregrounds Tutorial

Overview A Foreground is a visual layer that is an easy and effective way to have consistent components added across your pages. Similar to Masters, any Foreground that you have...
Kevin Guan
/
December 16, 2020

Dynamic Article Styles Tutorial

Dynamic Article using the Style Map and Stylesheet properties Overview The Dynamic Article displays HTML content in your Project that you can maintain in Umajin's Cloud Services, http://cloud.umajin.com. Setting and...
admin
/
September 7, 2017

Media Upload

Overview This tutorial will introduce two methods on how to upload local images to your project via the Umajin Cloud and how to link them to a Feed. Prerequisites Umajin...
Kevin Guan
/
January 10, 2021

Setting Permissions

Overview In this tutorial, we will go through permissions, profiles, inviting guest users to our project, and giving them access through Umajin Editor. Prerequisites The Umajin Editor downloaded and installed....
Arjun Kumar
/
January 4, 2021

Publishing Made Easy

Overview The Umajin Editor provides an easy outlet for you to share your app with others or publish it straight to Apple App Store/Google Play Store. In this tutorial, we...
Kevin Guan
/
January 10, 2021

3D Model Tutorial

Overview 3D Models are accessed from the 3D Model component or from the RenderKit component. With the Umajin Editor, you may view your 3D Models or 3D Scene in a...
Allison Brebner
/
August 22, 2017

Map Creation Guide to use with Offline Maps Component

This page outlines a workflow for creating custom map tiles for use with the Umajin Editor's Offline Map component. Tips for map creation Obtain any and all visual maps related...
Allison Brebner
/
August 22, 2017

Single Date Picker

The Single Date picker allows the user to select a date. This date can then be sent into a text, or text entry component. The intention is for these text/text...
Carina Holdaway
/
January 17, 2019

Range Date Picker

The Range Date Picker is designed to help users quickly and visually choose a range of dates from a calendar component. The intention is that this date is sent from...
Carina Holdaway
/
January 17, 2019
  • Umajin
  • Developers
  • Support Home
Menu
  • Umajin
  • Developers
  • Support Home