July 2022 | Mobile Design Mode Improvements, Rounded Corners, Content Area Borders, Mixed Content Add-on
Summary
We have three major improvements to BEE builder this month.
- Mobile Design Mode Improvements. Users may now control how some content properties display on mobile devices. We've also redesigned the Button content block to accommodate these changes. This is available for all builders on all plans.
- Borders and Rounded Corners for Rows. Borders may now be applied at the row level. Rounded corners are also available for this feature. This is available for all builders on all plans.
- Mixed Content - Custom AddOn. Application developers may now create AddOns containing multiple content types. This is available for all builders with Superpowers or Enterprise billing plans.
Description of Changes
Mobile Design Mode Improvements
Users may now decide whether specific content properties will be displayed on mobile browsers. If you click on a content property's "Mobile" icon while in Mobile Design Mode, the changes you make will only apply to the mobile output.
Overview
This feature is available for the following content block properties. Please note that not all content blocks have the same properties available.
Padding
Alignment
Font size
Also, to simplify Mobile Design Mode even more, the Font size and Text Direction properties are now on the sidebar menu for all content blocks.
End-users may now track the changes performed in the Mobile stage from the history.
Why we did this
Prior to this release, the only way to separate content between mobile or desktop was to leverage " Hide on Mobile ". While this technique is effective for most use cases, it does require that users duplicate content blocks that need different formatting.
The improvements performed with this release, instead, eliminate the need to duplicate content for the supported content types and properties, saving time and effort.
Implementation
These update is enabled by default when Mobile Design Mode is turned on via developers.beefree.io .
For further reference and advanced options, please see:
Content Area Borders
Users may now set a row or column level border.
Overview
The Content area border settings are available in the Rows tab in the sidebar.
Users may style the following stroke parameters:
- Type (solid, dotted, dashed)
- Thickness
- Color
NOTE: Most MS Outlook email clients do not support border widths above 8 pixels. If Outlook rendering is an important consideration for you, please take this limitation into account in your design strategy.
Why we did this
Borders help create organization, separation and relationship of elements within a design. This feature allows user to organize content reliably by row or column instead of by content block.
Implementation
Content area borders are available automatically for all builders. No administrative action is required.
Rounded Corners
Users may now adjust the corner radius in a row-level border to create "rounded" corners.
Overview
The Content area border property settings are available in the " Rows " tab in the sidebar. Users may edit the radius of all four corners or control individual ones by clicking on "More options".
NOTE: Most MS Outlook email clients do not support rounded corners. If Outlook rendering is an important consideration for you, please take this limitation into account in your design strategy.
Why we did this
Rounded corners have been shown to provide a number of key design benefits:
- Rounded corners appears less bright, presenting a "softer" image for the eyes.
- Human eyes are conditioned to see rounded edges as "safer" than sharp ones.
- Our eyes process information presented in "bubbles" more effectively than that presented in "boxes"
Implementation
Rounded corners may be enabled via Application settings at developers.beefree.io .
For further reference and advanced options, please see:
Custom AddOn - Mixed Content Type
This update is an enhancement to our existing Custom Add-on feature. Developers may now create an array of elements to quickly assemble advanced content types into a single content block.
Overview
The Mixed Content Custom AddOn is completely customizable. This feature allows the user experience to be crafted to suit the needs of the target audience or type of content you want to represent.
Such use cases may include:
- Product recommendations
- E-commerce products
- Product reviews
- Abandoned cart emails
- Discounts and special offers
- Shipping notifications
- Any other use case where a combination of content types is required
These content blocks may be configured individually by using the content properties available in the sidebar menu.
Why we did this
This improvement represents an expansion of the Custom AddOn feature beyond custom HTML. Users of this feature may now fully leverage the power of BEE builder's content block library where supported. They can now access the properties for each individual block included in the mixed content and style it accordingly. This provides more flexibility and freedom during the design process.
Implementation
Custom AddOn - Mixed Content type may be enabled via Application settings > AddOns in developers.beefree.io .
For further reference please see:
Comments
0 comments
Please sign in to leave a comment.