Search

User Manual

Getting Started


Modules and Platform


Appendix


Tutorials & Helpful Tricks


Glossary


Strategic Partner Links

Sepasoft - MES Modules
Cirrus Link - MQTT Modules

Resources

Inductive University
Ignition Demo Project
Knowledge Base Articles
Forum
IA Support
SDK Documentation
SDK Examples

All Manual Versions

Ignition 8
Ignition 7.9
Ignition 7.8

Deprecated Pages

Skip to end of metadata
Go to start of metadata


General

Component Palette Icon:



 

IULocgo


Breakpoint Container

Description

The Breakpoint Container is a simple container whose purpose is to swap subcontainers based on a ‘breakpoint’ in pixels. This allows for a very simple responsive design that removes one container and replaces it with another when the breakpoint (typically viewport width) is reached. With the Breakpoint container, you can define completely different content to render for each breakpoint. This is in contrast to a container such as the column container, where the content for each breakpoint is identical but the layout of it changes according to screen size. See aso Breakpoint Layouts

Properties

Most Properties have binding options. For more information on Bindings, see Types of Bindings in Perspective.
This section only documents the Props Category of properties. The other Categories are described on the Perspective Component Properties page.

NameDescriptionProperty Type
breakpointWidth (in pixels) breakpoint declarations for child layouts. When the container is sized below minWidth, child position rules will fall back to the next set breakpoint rules. value: numeric
styleUse Style to customize the visual style of the component. The Style menu contains all the tools for modifying text, background, margins, borders, and more. You can also specify a style class.object
Component Methods

This feature is new in Ignition version 8.0.3
Click here to check out the other new features

 .getChildren()
  • Description

Returns an ArrayList, which contains references to all components inside of the container.

  • Parameters

none

  • Return

Array List - An ArrayList of components in the container. The resulting ArrayList can be iterated over via a for-loop.

  • No labels