ResponsiveLayout

Typelibrary
Dictionarylibrary.responsivelayout
LibraryResponsiveLayout
Associationscom.livecode.library.responsivelayout
Summary

ResponsiveLayout is a development framework for building apps with responsive layouts.

Introduced10
OSmac, windows, linux, ios, android, web
Platformsdesktop, mobile, web
Description
Tagsresponsive,layout,designs
TypeNameSummarySyntax
commandchangeLayoutEnvironment

It will change the ResponsiveLayout environment so that you can lay out the interface for the real environment from the IDE.

changeLayoutEnvironment <pLongId>, <pNewEnvironment>

- - -changeLayoutOrientation

Change the orientation of the current card layout.

changeLayoutOrientation <pLongId>,<pNewOrientation>

- - -clearLayoutCache

Clear the ResponsiveLayout library cache.

clearLayoutCache

- - -createLayoutCache

Creates cache of all objects that have dynamic properties on the card.

createLayoutCache <pLongId>

- - -createLayoutSnapshot

Saves the value of dynamic properties or a specific property of an object.

createLayoutSnapshot <pLongId>, [<pPropertyNames>]

- - -deleteLayoutSnapshot

Deletes the layout saved for the current breakpoint.

deleteLayoutSnapshot <pLongId>, [<pPropertyName>]

- - -unlockLayout

Allows the updateLayout command to update the layout again.

unlockLayout

- - -updateLayout

Update object layout.

updateLayout <pLongId>, [<pNotCache>]

functioncontainerNames

List of all types of container that the ResponsiveLayout library has.

containerNames()

- - -contentNames

List of all types of content that the ResponsiveLayout library has.

contentNames()

- - -layoutBreakpoint

Gets the properties of the current layout breakpoint.

layoutBreakpoint([<pWidth>])

- - -layoutEnvironment

Get the layout environment for the current card.

layoutEnvironment()

- - -layoutOrientation

Get the orientation of the layout that the current card has.

layoutOrientation()

- - -lockLayout

Get if layout update was blocked.

lockLayout()

- - -mediaQuery

Get information about the mediaQuery of the current card.

mediaQuery([pLongId])

- - -positionNames

List of all types of position that the ResponsiveLayout library has.

positionNames()

libraryResponsiveLayout

ResponsiveLayout is a development framework for building apps with responsive layouts.

positionNames()

messagechangeLayoutBreakpoint

This message is sent to the card when the breakpoint changes.

changeLayoutBreakpoint <pNewLayoutBreakpoint>, <pOldLayoutBreakpoint>

- - -layoutUpdated

Message sent to card after UI update.

layoutUpdated <pMediaQueryArray>

propertyallowableOrientations

Specify the orientations that are supported on these card.

get the allowableOrientations of card

set the allowableOrientations of card to {"portrait" | "portrait upside down" | "landscape left" | "landscape right" | "any"}

- - -container

This property defines how the layout of a control behaves with respect to its owner.

set the container[propertyName] of object to propertyValue

get the container[propertyName] of object

- - -container expanded

Expands the control so that it fills the available space.

set the container["type"] of object to "expanded"

- - -container flexible

Expands the control so that it fills the available space.

set the container["type"] of object to "expanded"

- - -content

Defines how the controls belonging to the group or card are arranged.

set the content[propertyName] of object to propertyValue

get the content[propertyName] of object

- - -content align

Set the align of all the children of a group or of a card.

set the content["type"] of object to "align"

- - -content center

Center all the children in a group or card with respect to these.

set the content["type"] of object to "center"

- - -cursorHover

Specifies the mouse cursor to be displayed when pointing over a control.

get the cursorHover of object

set the cursorHover of object to {cursorName | imageID}

- - -flex

The flex factor to use for the control.

get the flex of object

set the flex of object to {<integer>}

- - -initialOrientation

Sets the orientation the card layout will have when opened.

get the initialOrientation of card

set the initialOrientation of card to {"portrait" | "landscape"}

- - -layoutBreakpoints

Gets the list of layout breakpoints that the object has.

get the layoutBreakpoints of object

- - -layoutColumns

Gets the number of columns in the card layout.

get the layoutColumns of object

- - -layoutDebugger

Displays messages that help detect possible layout errors.

get the layoutDebugger of card

set the layoutDebugger of card to {true | false}

- - -layoutMargins

Sets the margin for all four sides of a control.

get the layoutMargins of object

set the layoutMargins of object to {pixels | horizontal, vertical |left, top, right, bottom}

- - -layoutPadding

Sets the padding space required by all sides of a control.

get the layoutPadding of object

set the layoutPadding of object to {pixels | horizontal, vertical | left, top, right, bottom}

- - -order

The order that has a control within its owner.

get the order of object

set the order of object to {<integer>}

- - -position

Sets how the object is positioned within its owner.

get the position[propertyName] of object

set the position[propertyName] of object to propertyValue

- - -position align

Aligns the control within its owner.

set the position["type"] of object to "align"

- - -position center

Centers the object with respect to its owner.

set the position["type"] of object to "center"

- - -position fixed

Sets the position of one or more sides of a control with respect to its owner.

set the position["type"] of object to "fixed"