• 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
Components > Layout Components > Group

Group Component

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 to click the plus button and add components to your group. Each added component will be indented under the its group name. If you create a group component later in the scene tree and want to indent a component into it, just drag and drop the component. You can rearrange components in the scene tree like this as well. You can copy and paste the group component onto another page.

If you want the components in your group to resize to fit content, then you should take a look at the Layout Group component instead.

Properties for Group Component

NameWhen components are placed on a page they appear highlighted blue in the scene tree and can be renamed by double clicking in this panel and typing the new name. Components can also be set to be visible/invisible on the page, using the ‘eye’ icon on this panel.
Position and SizeSets position and size. As long as measurements are maintained as percentages it deals automatically with dynamic layout and resizing for different devices and orientations. You can use millimeters to control aspects of size like width or height in order to create a group thats size will be maintained across devices.
Clipping TypeDropdown – options are None, Rectangle or Circle. The option selected will clip whatever is added to the group, to the bounds of that shape within the Group Component’s framework.
OpacitySet how opaque the group will display on a scale of 0 to 100, with 0 being totally transparent.

Events that can Trigger an Action on the Group Component

On PressAction occurs when component is pressed.
  • Umajin
  • Developers
  • Support Home
Menu
  • Umajin
  • Developers
  • Support Home