Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.


Panel
titleGeneral

Component Palette Icon:







Iulink
URLhttps://www.inductiveuniversity.com/videos/breakpoint-container/8.0
NameBreakpoint Container




Panel
borderStylesolid
titleDescription

The Breakpoint Container is a simple container whose purpose is to swap sub-containers 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 also Breakpoint Containers

Breakpoint Containers are ideal to use in cases where you want completely different components available between a mobile user or a desktop user, since the components in each breakpoint are completely separate instances. Thus, if you're attempting to make a responsive view, and a Flex Container isn't quite giving you the result you're looking for, a Breakpoint Container may be a better fit. 



Panel
titleProperties


Perspective_property



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, and borders, and more. You can also specify a style class.object




Panel
titleScripting Functions


New_in
Version8.0.3



Expand
title.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.