Accessing the Properties panel

Collections have a set of modifiable properties that define how they look and behave. These properties are listed in the Properties panel - accessible via any of four methods:

• Left-clicking any item in the scene then
  • clicking the Properties icon in the upper right of Composer:
  • pressing the F4 button on your keyboard
  • pressing the icon - or pressing Ctrl+Q on your keyboard - to open the Quick Properties pop-up.
• Right-clicking any item in the scene and selecting the pop-up menu item Show properties.

Some properties are common to most collections, while other properties are collection specific. See the dedicated collection pages for details about collection-specific properties.

Common Property Categories

General

The properties visible at the top of the Properties panel and in the Quick Properties pop-up minimally define the name, content, and position of the selected collection in the current space.

•   The Copy Painter tool, located at the very top of the panel. Select a collection in the active scene, then click the left Copy Painter button. Now select a new collection in the scene and click the right Copy Painter button. You have just copied all common property values from the first item to the second.
• [Name]   the identifier of the collection. This property is not labeled; it is represented by the editable text box just to the right of the collection icon. This identifier will appear in the Scene Structure panel.
• [Visibility]   toggles whether or not the collection is visible. This property is not labeled; it is represented by the eye icon. Items that are not visible will not react to touch but can still respond to actions.

NOTE: Position, size, and orientation can also be modified by directly manipulating a collection within the scene. Options include:

• dragging the collection to a new location
• dragging any of the square handles along the selected collection's bounding box to change the dimensions of the collection
• dragging the round handle on the edge of the selected collection's bounding box to rotate the collection.

Collection Style

• Provides the list of currently available collection styles. Select another collection style to change how the content within the collection is displayed.
  

Appearance

Most Appearance properties are collection-specific, so be sure to refer to the dedicated article for each collection.

• Effects
  • Opacity: sets the level of transparency for this collection on a scale of 0 (invisible) to 1 (opaque)
  • Effects: a set of appearance options impacting the color and clarity of the collection
    • Blur: sets clarity on a scale of 0 (no blur) to 100 (completely blurred)
    • Grayscale   forces color shift into gray tones on a scale from 0 (no shift at all) to 100 (complete shift into the gray spectrum)
    • Sepia   forces color shift into sepia tones on a scale from 0 (no shift at all) to 100 (complete shift into sepia spectrum)
    • Hue rotation   Applies a hue rotation to the input image. The passed parameter defines the number of degrees around the color circle in which the input samples will be incremented. Values of 0 and 360 are equivalent - they leave the input unchanged.
    • Brightness   Applies a linear multiplier to the input image, making it appear more or less bright. A value of 0 will create a completely black image. A value of 100 leaves the input unchanged. Other values are linear multipliers on the effect; the larger the number, the brighter the results. At a value of 1000, all colors (other than black) appear white.

Behavior

Behavior properties govern how the collection should behave both on its own and when there is an interaction. Although many of these properties are collection-specific, a few are shared by multiple collections

• Collection behavior
  • Allow scroll:  Specify whether an onscreen swipe gesture would scroll the collection. Even if "Allow scroll" is disabled, the collection controls - if visible - can be used to manually navigate through the collection.
• Autoscroll behavior (exclusive to ordered collections other than Item Picker and Ken Burns Effect; for a demonstration, see our Ordered Collections sample in the Intuiface Examples catalog)
  • Autoscroll: Toggle whether or not the collection should autoscroll - moving automatically from one item to the next.

     [the following properties only appear when "Autoscroll" is active]

  • Delay after scene entry: Number of seconds to wait, after scene entry, before autoscrolling should begin
  • Delay after interaction: Number of seconds to wait, after the collection is manipulated by a user, before restarting autoscroll
  • Item display duration: Number of seconds to display an item in the collection before autoscrolling to the next item.
    • Can be overridden for any individual item in the collection by deselecting the "Use collection display duration" property for that individual item and specifying a "Display duration".
      
  • Behavior at end: Specify what should happen when the last item is reached in the collection. Options are "Reverse direction", "Jump to start", "Stop".
  • Autoplay item in focus: Specify whether or not each item in a collection should be permitted to play in its entirety before autoscrolling. If turned on, this property overrides the "Item display duration" property. Applies to the Video Asset, YouTube Asset, Audio Asset and - exclusive to experiences on all platforms but Windows - the Document Asset.

Container Behavior

Container Behavior properties configure the bounding box within which the collection media is displayed. Here are their properties:

• Container    identifies the type of container. There are three possible values.
  • Static: the user cannot move the collection. This is the default state of a collection
  • Free: the user can move/resize/rotate the collection but cannot pin it in a fixed position
  • Pinnable: the user can toggle between the Free and Static states
• If the Container property is set to Static, one additional property is revealed:
  • Visible to interactivity  toggle whether or not this collection will respond to touch.
• If the Container property is set to Free or Pinnable, additional properties are revealed:
  • Initial view
    • Initial view state   choose whether the collection should initial appear in its normal, minimized or maximized state.
  • Display buttons
    • Show maximize button   adds a maximize button to the collection container
    • Show minimize button   adds a minimize button to the collection container
    • Show close button   adds a close button to the collection container
  • Display buttons style   if any of the Display buttons are turned on, a set of Display button style options are revealed
    • Use experience style   toggle whether this collection should adopt the preset project style. If unchecked, the following properties appear:
      • Fill color   color surrounding image assigned to the button
      • Outline color   color along the edge of the region containing the image assigned to the button
      • Pressed color   fill color when the button is touched
        • Checked color   alternative color to fill color if the button represents two possible states
    • Radius   curvature of edge surrounding region containing the button. Can have a value from 0 to 20. Set to 0 for a square, set to 20 for a perfect circle.
      • Flat   toggles whether or not the buttons should look flat or have a sense of depth
      • Shadow   toggles whether or not the buttons should have a shadow
      • [Icons]   images to use for various states of each Display button
        • Maximize / Unmaximize
        • Minimize
        • Close
  • Constraints   constraints determine the extent to which a collection can be manipulated
    • Allow move   check if collection container can be moved
    • Move direction   specify in which direction the item can be moved. This property is only visible if Allow move is enabled.
    • Allow rotate   permit the user to rotate the collection through 360 degrees
    • Allow resize   permit the user to resize the collection using two or more fingers
    • Minimum width   sets minimum possible width in pixels to which an collection container can be resized
    • Minimum height   sets minimum possible height in pixels to which the collection container can be resized
    • Maximum width   sets maximum possible width in pixels to which an collection container can be resized
    • Maximum height   sets maximum possible height in pixels to which an collection container can be resized
  • Minimize behavior   configure and constrain how minimize will work
    • Minimized image   select the image to display when this collection is minimized. If no image is specified, the following image is used:
    • Minimized pressed image   select the image to display when the Minimized image is pressed. If no image is specified, the Minimized image will be used.
    • Allow move when minimized   check if the Minimized image can be moved
    • Minimized position   specify where to put the Minimized image
      • Minimize to current position   minimize to last location of the collection when in a Normal state
      • Minimize to initial position   minimize to last location of the Minimized image
    • Minimized width   width in pixels of the Minimized image
    • Minimized height   height in pixels of the Minimized image
    • Minimized orientation   rotation in degrees of the Minimized image