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.
Keyboard Navigation support for Object States
In accessible experiences, object states will now be triggered by keyboard navigation.
How it works: Hover states are triggered when an object gets focus via the tab key; click states are triggered with the enter key.
Image Masking Enhancements: Alpha Masks & SVG/Icon Masks
We’ve added two new types of image masks: alpha masks and SVG/icon masks.
Alpha masks
Alpha masks use a transparent PNG to mask an image. The PNGs "alpha" (transparency) is used for masking. Where the PNG is transparent, the masked image will not appear. Where the PNG is not transparent, the masked image will show. Translucent (semi-transparent) areas will show according to the level of transparency.
SVG/icon masks
SVGs, including icons from the noun project integration, can be used to mask images.
How they work:
- For more information on these image masking enhancements, please reference this educate article.