iconCollapsed

Indicates if the slideshow button icon is collapsed or expanded.

Description

If iconCollapsed is true, the icon isn't displayed in the button under any circumstances.

If iconCollapsed is false, the icon is displayed unless the icon's button is hidden or collapsed.

To set the iconCollapsed property on an element, use the element's collapseIcon() and expandIcon() functions.

Note:
A collapsed icon doesn't take up any space in the slideshow button.
If you remove the icon of a slideshow button, iconCollapsed retains the removed icon's final state.

Type:

booleanRead Only

Related Content:

icon, expandIcon, collapseIcon

Was this helpful?

Check if a slideshow button icon is collapsed

Copy Code

1const iconStatus = $w('#mySlideshowButton').iconCollapsed; // true

Expand a slideshow button icon if it's collapsed

Copy Code

1if ($w('#mySlideshowButton').iconCollapsed) {
2  $w('#mySlideshowButton').expandIcon();
3}

Display tooltip text when hovering over a slideshow button

In this example, a tooltip is displayed when hovering over a slideshow button if its icon is collapsed.

Copy Code

1$w('#mySlideshowButton').onMouseIn( (event) => {
2  // check if an icon exists and is displayed
3  if ($w('#mySlideshowButton').icon && !$w('#mySlideshowButton').iconCollapsed){
4    // display a text box with tooltip instructions relating to the icon
5    $w('#tooltipText').expand();
6  }
7});
8