• 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
      • 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
      • Animation
      • Render Kit
      • Particle
      • Video
    • Maps
      • Google Maps
      • Offline Map
    • 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
  • Features
    • Cloud Services
      • Introduction
      • Google Analytics
      • Umajin Analytics
    • Publishing
      • Introduction
      • Apple App Store Information
      • Google Play Store Information
      • Packaging the Application for Stores
      • Packaging Mac and Windows apps
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
      • 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
      • Animation
      • Render Kit
      • Particle
      • Video
    • Maps
      • Google Maps
      • Offline Map
    • 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
  • Features
    • Cloud Services
      • Introduction
      • Google Analytics
      • Umajin Analytics
    • Publishing
      • Introduction
      • Apple App Store Information
      • Google Play Store Information
      • Packaging the Application for Stores
      • Packaging Mac and Windows apps

Data Driven Components

These Components allow you to configure content that can be changed without having to re-publish the project.

This content can be updated from the Umajin Cloud/Dashboard, or by Javascript that your projects may include; the source data can come from external sources such as websites, Facebook or Twitter or be maintained internally in the Umajin Cloud/Dashboard.

Source Types for Feeds

When creating Feeds in the Umajin Cloud/Dashboard there is a dropdown headed ‘Source Type’ to allow for different types of data sources. Select from csv, xml, rss, jsn, product_list, Twitter, Facebook Posts, Facebook Events and a new source type called Cloud Folder.

If you navigate to the folder called ‘Cloud’ in your project, you can put files/folders into it and then save so the files are uploaded. When you are creating the Feed you can either leave the ‘Source URL’ blank or put a subfolder into the source URL panel.

Example

  1. Navigate to the ‘Cloud’ folder in your project, add a folder called ‘Presentations’ and inside that create a file called ‘intro.pdf’.
  2. Save Umajin Editor.
  3. In Umajin Cloud/Dashboard for that project, under Dynamic, Feeds, create a new Feed with the ‘Source Type’ selected as ‘Cloud Folder’.
  4. If you then enter ‘Presentations’ into the ‘Source URL’ panel you will get just the files from that subfolder.
  5. Click Save
  6. Now click ‘Save and Refresh JSON from URL’ .

You should now have a Feed with several columns of data (name, bytes, ext, url)

Components in this Category

Animated Feed

Set up a slide show with face and slide transitions.

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.
  • Umajin
  • Developers
  • Support Home
Menu
  • Umajin
  • Developers
  • Support Home