Pro 3.1.0 - Grid Element Beta

Beta
#1

We just wrapped up a release cycle, but right on its heels is our next release including the Grid element. We have it to a place where you can start playing around with it and experimenting.

You can test the Grid Element by installing the 3.1.0 beta version of Pro. For more information on our beta process, please read this article.

While this announcement thread is locked, there is a high level conversation about the Grid element here: https://theme.co/apex/forum/t/grid-element-discussion/61639

Feel free to chime in on that topic, or to open your own threads to discuss specific issues and feedback.

Status

  • 11/15 - Release candidate 1 now available. Includes updates to Design Cloud, including the addition of Design Cloud to X.
  • 11/4 - Beta 3 now available. Includes custom attribute control.
  • 10/8 - Beta 2 now available
  • 10/7 - Beta 1 now available

What’s New?

The Grid element (with a visual Grid editor) is the main feature for this release. We will be including some other small changes like bug fixes, optimizations, etc. but no other large features.

Design Cloud has been added to X, and Sites has replaced Expanded Demos. This means Pro users now have access to all the former Expanded Demo content, and X users have access to the Content templates and Presets.

The Changelog has been updated with detailed information on using the Grid, and you can be sure that we’re planning on creating video content as well.

How to Test

Here are some general pointers on trying out the element:

  • Drag in a Grid element from the Element Library.
  • Click one of the 15 predefined Presets to get started.
  • In the upper right corner of each Grid, you’ll see an icon to start the Grid Editor. This will allow you to move and resize cells.
  • You can download a template of three finished examples. It is packaged as a single Content template you can import to see them all together.
  • From the Layout pane, a Grid can also be moved up to be a child of a Section (like Rows)
  • You can set the Content Layout Element preference to “Grid” and it will be the new default child for a Section.

Pro Changelog

  • Feature - New Grid Element with Grid Editor
  • Feature - Added Sites to Design Cloud
  • Feature - Added preference allowing custom styles to be applied to the application UI.
  • Feature - Added custom attribute control to all supporting Elements.
  • Updated - Consolidate cs-head.js and cs-body.js into single script loading in the footer.
  • Updated - Add Font Display options (auto, swap, etc.) in font manager.
  • Updated - Allow disabling Font Awesome output from Theme Options
  • Updated - Add font-display:block; to Font Awesome @font-face declarations.
  • Updated - Use system fonts instead of Open Sans for application UI.
  • Updated - Update BuddyPress integration to allow profile cover images.
  • Updated - Add x_search_input_atts filter to allow adjusting HTML attributes of the search input.
  • Updated - Update WooCommerce tabs template to support woocommerce_product_after_tabs hook.
  • Bugfix - Fix reverse option not working for Classic Slider element.
  • Bugfix - Fix card elements not allowing click events to propagate from button.
  • Bugfix - Fix inability to inspect Countdown element when WordPress is using some custom date formats.
  • Bugfix - Fix HTML in Accordion heading showing up in observer label.
  • Bugfix - Fix container being overridden when assigning a default Row preset.
  • Bugfix - Fix default presets sometimes showing “none” even though a preset is assigned.
  • Bugfix - Fix Custom Fonts not allowing font files to be uploaded.
  • Bugfix - Disable context menu while inline editing to allow pasting text.
  • Bugfix - Fix box shadow control missing from Dropdown elements and Accordion content.

X Changelog

  • Feature - Design Cloud
  • Updated - Moved Expanded demos into Design Cloud as Sites
  • Updated - Removed Standard Demos
  • Updated - Allow disabling Font Awesome output from Theme Options.
  • Updated - Add font-display:block; to Font Awesome @font-face declarations.
  • Updated - Update BuddyPress integration to allow profile cover images.
  • Updated - Add x_search_input_atts filter to allow adjusting HTML attributes of the search input.
  • Updated - Update WooCommerce tabs template to support woocommerce_product_after_tabs hook.
  • Bugfix - Add missing 1/5 Layout to legacy Visual Composer integration.

Cornerstone Changelog

  • Feature - Added preference allowing custom styles to be applied to the application UI.
  • Feature - Added custom attribute control to all supporting Elements.
  • Updated - Consolidate cs-head.js and cs-body.js into single script loading in the footer.
  • Updated - Add font-display:block; to Font Awesome @font-face declarations.
  • Updated - Add Font Display options (auto, swap, etc.) in font manager.
  • Updated - Use system fonts instead of Open Sans for application UI.
  • Bugfix - Fix reverse option not working for Classic Slider element.
  • Bugfix - Fix card elements not allowing click events to propogate from button.
  • Bugfix - Fix inability to inspect Countdown element when WordPress is using some custom date formats.
  • Bugfix - Fix HTML in Accordion heading showing up in observer label.
  • Bugfix - Fix container being overridden when assigning a default Row preset.
  • Bugfix - Fix default presets sometimes showing “none” even though a preset is assigned.
  • Bugfix - Fix Custom Fonts not allowing font files to be uploaded.
  • Bugfix - Disable context menu while inline editing to allow pasting text.
  • Bugfix - Fix box shadow control missing from Dropdown elements and Accordion content.

Reporting Issues

For any bugs, regressions, or unexpected behavior you uncover please open a new topic in the beta forum for each item. Related items or a collection of feedback on the same subject can be combined into a single topic. Thank-you in advance for helping us with this most important testing phase!

4 Likes