• Frame label
• Frame ID
• Frame container style
• Frame width
• Frame height
• Frame label style
• Frame label class
• Frame border style
• Frame border class
• Frame pane class
• Frame pane style
• Spacing above
• Spacing below
• Spacing left
• Spacing right
• Frame type
• Has show/hide button
• Open icon
• Closed icon
• Initial state
• onOpen function
• onClose function
• Prevent frame container float

Has show/hide button

Description

Adds a show/hide button to the frame, allowing the user to display or hide the contents of the frame. This property is only available if the Frame type is 'Modern'.

Discussion

The Has show/hide button property can be used to add an icon to a modern frame that can be clicked to toggle the display of the frame contents. For example:

A closed frame.

An open frame.

The images used and optional event handlers can be configured. The following properties will be available for a modern frame with a show/hide button:

• Open icon
• Closed icon
• Initial state
• onOpen function
• onClose function

Programmatically Showing/Hidding a Frame

You can also programmatically open and close the frame using JavaScript. The {dialog.object}.frameOpenStateChange() method can be used to open, close, or toggle the modern frame. For example:

{dialog.object}.frameOpenStateChange('FRAME_1','closed');

See {dialog.object}.frameOpenStateChange() for more information.