Mask Image + Object States Support
It’s now possible to have image masks with hover and click effects using object states! Object states can now be applied to masked images, allowing designers to combine the creative possibilities of object states with masked images.
How it Works:
When creating a mask in the Studio, you can use an image that already has object states applied. Alternatively, you can add and edit object states on an image after it has been masked. In preview and experiences, the image’s object state will be triggered when hovering or clicking on the mask.
Object states will now work with all three types of image masks: images masked with shapes, SVGs/icons, and alpha masks
Note: States on the masking layer (shape, icon, or alpha PNG) are not currently supported.
General Studio Updates
We fixed a few bugs that were brought to our attention and made some general updates to the studio.
Bugs:
• We fixed a bug where on view interactions in preview were not repeating. • We fixed a bug where components with a particular SVG in the group disappeared from the player once shown/hidden and then scrolled out of viewpoint. • We fixed a bug where users couldn’t remove people from their team.
Discontinued Support for IE 11.
As of September 10th, 2021, we are officially discontinuing support for viewing Ceros Experiences in Internet Explorer 11 and Microsoft Legacy. Microsoft pulled the plug on IE 11 and Microsoft Edge Legacy in August 2021, making it nearly impossible for our team to resolve problems that arise on these browsers.
For more details on supported browsers and what you should do if you are concerned about experiences viewed in IE 11. Please check out this educate article for a deeper dive.
Touchscreen Pinch to Zoom
If a person is viewing a Ceros experience on a mobile device, tablet, or laptop with a touch screen, they will now be able to zoom in on the experience using the common 'pinch' finger motion on the screen. This will work for both standalone and embedded experiences.
How it Works:
For pinch to zoom to work, the swipe functionality must be disabled. For new experiences moving forward, pinch to zoom will be on by default, and swipe will be off. However, if a Ceros user would prefer to have the swipe functionality on, they can turn it on in the Themes panel of the experience (turning on swipe will turn off pinch to zoom).
Check out educate for a deeper dive into this feature.
Import Compatibility Enhancements
We've made some enhancements to the way some design files are imported. Previously, design files containing boolean shapes or compound paths would import with compatibility issues. The Ceros Studio does not support these types of shapes, and as a result, imports would appear differently than the source design file. With this enhancement, boolean shapes and compound paths will now closely match source designs.
How it Works:
Behind the scenes during import, boolean shapes and the compound paths will be imported as SVG images, ensuring that they have parity with the source design file. Aside from this change, import continues to work as it did previously.
Bring to Front & Reset Position Interactions
This feature introduces two new interactions: Bring to Front and Reset Positions. These two interactions enable new design use cases.
Bring to Front
When a Bring to Front is triggered, the layer or group will move to the top of the layer stack. If the layer or group is inside a group, it gets moved to the top of that group; otherwise, it moves all the way to the top. The Bring to Front click iteration has an additional option: Reset Others. When this option is checked, the interaction will reset other object positions (already brought to the front) and optionally reset object states to default.
Reset Positions
Reset Position(s) is the opposite of Bring to Front. It moves a layer or group front the front back to its original z-position. Note that this interaction is not self-targeting -- it can be used to reset the position of one or more elements.
Check out educate for a deeper dive into these be interactions.