Pro 6.0, X 10.0, Cornerstone 7.0 - New UI, Components, and Parameters Beta

Beta
#1

RC1 Notes (November 16, 2022)

After this latest round of fixes, we feel comfortable moving this release to “Release Candidate” status. That being said, we are still wanting to continue with some solid testing to ensure all flows, features, and issues are buttoned up as best possible. Below is a list of items that were addressed since the last bundle:

Updated / Fixed in Beta 4

  • Updated - Wire up “Import” form next to search in Template Manager.
  • Updated - Brought back old “How would you like to start?” screen when a document is completely blank, including “Clone Existing” action.
  • Updated - Brought back “default” Elements when working in various Builders (i.e. top-level Elements will always be a Section except for Header Builder that will start with Bars. Any Element can still be placed top-level using CMD + click action).
  • Bugfix - Finalization of Document Tabs navigation flow including warning prompts and persisting edits across multiple tabs.
  • Bugfix - Column and Cells Exported as Components can now be added to their respective parent Elements by CMD + clicking the (+) on Rows and Grids.
  • Bugfix - Cleanup of “Children” controls in workspace and review of “+ Add _______” labels.
  • Bugfix - New Documents not saving properly.
  • Bugfix - Element Conditions for child Elements not working properly on first looped item in live preview.
  • Bugfix - Ensure Element CSS is outputting in the proper order in both live preview and frontend.
  • Bugfix - Setting a parent Element’s HTML tag to an anchor will no longer strip other custom tags on child Elements.
  • Bugfix - Row Element template TSS output error.
  • Bugfix - “Typing” feature of Headline Element rendering multiple cursors in the live preview.
  • Bugfix - “Hide During Breakpoints” classes not migrating from old “Nav Collapsed” Element when utilized inside a Header.
  • Bugfix - Importing Component .tco files failing.
  • Bugfix - Various Component styling errors when utilized inside a Looper.
  • Bugfix - Various errors with Document Tabs loading.
  • Bugfix - Exiting Cornerstone sometimes giving a false warning when no Document Tabs are open.
  • Bugfix - 404 Layouts looping content repeatedly.
  • Bugfix - Ruler not showing when live preview is inset.
  • Bugfix - Styles for Components not always saving / not reflected on frontend.
  • Bugfix - “Paste Style” working properly again.
  • Bugfix - Dynamic Content in Tab Element Labels / Content not outputting on the frontend.
  • Bugfix - Responsive styling bug relating to setting various dimension controls to 0 on mobile and it not being output properly.
  • Bugfix - Template Assignments not always persisting.
  • Bugfix - Empty Modals, Off Canvas, and Dropdown Elements not always showing their “Empty Dropzone” state in the live preview.
  • Bugfix - Modal, Off Canvas, and Dropdown Element toggles sometimes erroneously showing “Empty Dropzone” state inside toggles.
  • Bugfix - Some pickers getting wrong CSS class output.
  • Bugfix - Hide “Make Section Template” button if Outline has 0 items in list.
  • Bugfix - Template Manager “list” view not allowing single clicks on individual checkboxes.
  • Bugfix - Auto-focus search in Template Manager when modal first opens.
  • Bugfix - General Template Manager changes, including revamped “Download” and “Delete” footer actions when multi-selecting in “list” view.
  • Bugfix - Deleting Elements with statuses in Outline not always hiding status of next item that moves up into its place, making rapid deleting difficult.
  • Bugfix - Ensure search input is always focused when navigating between tabs in the Add New Document menu.
  • Bugfix - Tooltips not showing to the side of Outline items with statuses.
  • Bugfix - Ensure that clicking Cornerstone or Add New Document menu buttons closes them out if opened.
  • Bugfix - Cleanup Workspace navigation arrows added for Elements like “Inline Navigation” that have multiple control groups and will potentially scroll sideways.
  • Bugfix - Cleanup Workspace state when navigating between Document Tabs (ensures “Outline” will always be up first when moving between Documents).
  • Bugfix - Cleanup Lock / Unlock Element feature by adding it permanently to context menu and adding quick unlock button in Workspace when locked.
  • Bugfix - Element Templates can be copied from the Element Library by right-clicking on the desired Element Template and copying it, then applying it in the live preview like normal.
  • Bugfix - Only allow Row Column resizing in live preview with left click.

Known Issues

None at this time.

Beta 4 Notes (October 27, 2022)

The adventure continues…thank you for your continued feedback in helping us lock things down! See what has been updated and fixed below in addition to a couple “Known Issues” that are still being investigated from Beta 3:

Updated / Fixed in Beta 3

  • Updated - “Front Page” and other statuses now searchable in Document Navigator.
  • Updated - Set cs_disable_wp_extraneous to false by default to bring back in Gutenberg styles.
  • Updated - An “unsaved changes” prompt has been added when navigating between Document Tabs.
  • Updated - Changed the color used for empty dropzones / “Choose a Layout” / receiving styles in the live preview so that it better works across dark backgrounds.
  • Bugfix - Dropzones showing up in Modal Toggles.
  • Bugfix - Search in Dropdown auto-focusing.
  • Bugfix - Using transparent as the “interaction” color for box shadows and text shadows does not result in a change.
  • Bugfix - WooCommerce Layouts bug after upgrade.
  • Bugfix - Image Element dimensions display error.
  • Bugfix - Duplicating Global Block after upgrade results in “Untitled,” blank Document.
  • Bugfix - Launching Cornerstone From WordPress admin sidebar sometimes results in error.
  • Bugfix - ACF Pro Dynamic Content as Element Condition error.
  • Bugfix - Some Layout Assignments not respected after upgrade.
  • Bugfix - Saving errors when switching tabs.
  • Bugfix - Dynamic Content not parsing in Element Custom Attributes.
  • Bugfix - Dynamic Content not parsing in Link control when using the tel: syntax.
  • Bugfix - Dynamic Content not parsing in Link control when using the mailto: syntax.
  • Bugfix - Navigating “Choose a Layout” for empty Grid Element via arrows not working.
  • Bugfix - A click management issue with responsive controls and nested popovers.
  • Bugfix - Live preview rendering issue for bottom Bar in Multi-Region Header.
  • Bugfix - When responsively changing a setting in the Flexbox control, it caused all items to be highlighted.
  • Bugfix - Lost red insertion marker for drag ‘n’ drop interaction state in the document Outline.
  • Bugfix - Double-click to edit Component title in workspace header not preserving after hitting Enter.
  • Bugfix - Cleanup of various console.log() statements, et cetera for general debugging.
  • Bugfix - Cleanup of various PHP warnings in some contexts.
  • Bugfix - ACF Post Object Field Type “is empty” Element Condition error.
  • Bugfix - Buttons sometimes not working inside modals.
  • Bugfix - Dynamic Content in Element CSS does not always live update.
  • Bugfix - Flexbox controls not showing for Navigation Inline in the Layout Builder.
  • Bugfix - Email Form plugin receiving a fatal error in PHP version 8.0.
  • Bugfix - Portfolio receiving a fatal error while Email Form plugin is active.
  • Bugfix - Background videos not always playing on iOS (added playsinline attribute to background videos).

Beta 3 Notes (October 14, 2022)

Continued thanks to all of our intrepid beta testers! We’re tightening things up, squashing bugs, and getting ever-closer to manual updates. Take a gander at things that were updated / fixed in this latest release below…

Updated / Fixed in Beta 2

  • Updated - On the “Inspector” Workspace, all of the Element actions have been consolidated into a smaller set of icons on the top row in the Workspace Header. This includes, “Duplicate,” “Delete,” “Manage Element,” and if you are on a nested Element, “Go Up One Layer” to navigate up the document tree easily.
  • Updated - The esc key now exits the Document Navigator and the Add New pane.
  • Updated - A warning prompt has been introduced if you are about to open a Document in a new pane (e.g. you’re working on a Page and hover over your global Header and see the “Edit Header” Observer; clicking this Observer will trigger a prompt before opening a new tab).
  • Updated - Cleaned up the “locked” state for Elements including verbiage and Workspace empty message
    design.
  • Updated - Self-hosted videos now have options for object-fit and object-position.
  • Updated - Document Tabs hav increased contrast now to help differentiate between active and inactive states.
  • Updated - Debounce implemented to keep controls under “Settings” tab on the Outline pane from constantly triggering a live preview refresh.
  • Updated - The “Exit” link in the Document Navigation now always goes to the root WordPress admin page. Contextual links can be used under Outline → Settings on pages, posts, et cetera using the arrow found across from the “General” label.
  • Bugfix - Numerous z-index issues related to shuffling components around (we think we’ve squashed them all, but please keep us updated if you see anything else).
  • Bugfix - "Ghost Elements"
  • Bugfix - Resize handles needed cleanup at edges of Workspace. Now allows for cleanly resizing Live Preview or Workspace depending on which side of the dividing line you drag from.
  • Bugfix - Adding migration “Content Layout” Theme Options setting as the default has been updated to “Fullwidth” now. This migration script will ensure older sites maintain their global layouts newer sites get the cleaner “Fullwidth” layout as a default.
  • Bugfix - Losing WooCommerce Layouts / Assignments on upgrade.
  • Bugfix - font-weight on Anchor Toggles not migrating.
  • Bugfix - TSS parser error causing all not statements in Generated CSS files to fail.
  • Bugfix - Adding Parameters to a Component instance not being rendered properly.
  • Bugfix - Various Global Block issues.
  • Bugfix - Various keybinding issues.
  • Bugfix - Responsive Aspect Ratio control bug.
  • Bugfix - Settings at admin.php?page=cornerstone-settings sometimes not updating.
  • Bugfix - An esc key issue relating to locking up scrolling after using responsive styles.
  • Bugfix - Element Library and Templates Workspace search inputs now clear their value when navigating away from that pane.
  • Bugfix - Addressed inconsistencies with how inline editing applied values when double-clicking to change a Document’s title.
  • Bugfix - Copy + paste style from parent Element to like children not working.
  • Bugfix - Copy + paste not working across Document Tabs.
  • Bugfix - Interaction Effects status not showing in breadcrumbs / Outline.
  • Bugfix - Scroll Effects status not showing in breadcrumbs / Outline.

Beta 2 Notes (October 5, 2022)

As always, a huge thank you to everyone who has been involved in testing things so far! The first round of feedback was very positive and mostly centered around general UI / UX suggestions in addition to the “Known Issues” that were creating problems for certain users.

Things We Need Particular Feedback On

  • We believe we have located a fix for the black “Edit Page” observer that was appearing across some sites. We will need feedback from those users in particular to ensure things are working as expected there. In particular, the users that come to mind for me on this are @Misho, @urchindesign, @striata, and @bill_hodgson.
  • Various users reported styles not being output properly from the Theme Options. This should have been rectified with some of our fixes to the previous “Known Issues” section. @scotbaston in particular, if you could let us know if your concerns here have been addressed, that would be wonderful.

Updated / Fixed in Beta 1

  • Updated - A new button under the “Settings” tab on the “Outline” Workspace that can take users back to the WP admin to edit Pages, Posts, Products, et cetera (quick access to metadata that isn’t under this tab).
  • Updated - New “Go Up One Level” navigation button in the Inspector Workspace header that allows users to quickly traverse up a tree of Elements (found next to the Element Manager cog).
  • Updated - A new context menu was added when you right-click tabs in the Docbar. The options available are “Duplicate,” which clones the page you are on into a new entry and shows the tab in the Docbar and “Duplicate and Open,” which also navigates you to the cloned page. “Delete” was not added as this is a very destructive action that we want managed within the main Document Navigation.
  • Updated - The Preview Manager button was moved up to the Docbar next to the “Save” button.
  • Updated - Bar Element showing in Header / Footer Builders again, and all “Layout” Elements have been grouped into their own grouping apart from “Standard” in the Library (this includes Sections, Rows, Grids, Divs, and Bars).
  • Updated - Personal library shows up first instead of “Themeco” tab in the “Add New” menu and the Templates Workspace.
  • Bugfix - The “Duplicate” action for Documents was not copying content over.
  • Bugfix - Multi-Region Header styling.
  • Bugfix - Multi-Region Header Bar Spaces missing in live preview.
  • Bugfix - Gravity Forms AJAX errors.
  • Bugfix - “Edit in Cornerstone” button styling in WP Admin when Gutenberg is disabled.
  • Bugfix - Unnecessary string sanitization on the “Globals” Pane (e.g. if your site title was “Easel & Brush” it was showing up as “Easel & Brush”).
  • Bugfix - Color picker sometimes obscured by WP Admin Bar.
  • Bugfix - Global Colors are now hidden in the Color Picker if none are present on your site.
  • Bugfix - “Cornerstone” link in Wordpress Admin sidebar navigation now goes directly to the Builder interface.
  • Bugfix - CMD / CTRL + click actions in Document Navigation were cleaned up across operating systems.
  • Bugfix - Global Color / Font Palettes not reordering.
  • Bugfix - Unit Picker not positioning itself correctly when the Workspace is on left side.
  • Bugfix - Save Template dropdown alignment when Workspace is on left side.
  • Bugfix - Color Picker eyedropper display (now only shows up in browsers that support this API).
  • Bugfix - Icon Picker not opening.
  • Bugfix - Loading Overlay Getting Stuck: We have encountered some situations where the loading overlay for the live preview hangs and does not remove itself when certain actions are performed such as renaming an asset or its slug under the “Settings” tab on the “Outline” pane, changing some Theme Options, et cetera. If you run into a situation where this happens, simply save any changes you might need to make and refresh the builder and you should be able to get back to the normal page building experience.
  • Bugfix - Live Preview Not Updating: There are some situations where the live preview does not always reflect the changes made in the Workspace. Some of these situations include Theme Options updates, Document Assignments being made, Layout Assignments being made, et cetera. Again, if you run into this, save out your changes and refresh, and you should see your updates applied after the refresh.
  • Bugfix - Theme Options Font Family / Font Weight / Font Manager Issues: This update includes a refresh to how the Font Weight / Family controls operate to make the inline editing of these properties much easier. In Theme Options, these settings are not pulling through correctly at the moment and will appear broken. These features work appropriately in Elements themselves, so take a moment to check those out when you have the time.
  • Bugfix - Saving Document Template: The new “Save Template” feature at the footer of the Templates pane has an input for renaming your asset that is not updating properly at the moment.

:wave: Howdy, y’all! It’s that time again—the weather is changing, folks are readying their wardrobes for cooler weather, and pumpkin-spice lattes are upon us. No, I’m not talking about autumn…it’s beta season!

This release will still include some of the features mentioned in our previous Pro 5.2, X 9.2, and Cornerstone 6.2 beta, but we have opted to bump this as a major release as it now includes some significant UI changes based on beta group feedback.

As for Components and Parameters, these are more advanced features, so please ask any questions necessary if you need clarification on how they should work after reviewing the docs linked below.

Highlights

  • The UI for the builder interface has been streamlined and overhauled. All Builders have been streamlined under this initiative in terms of both adding new assets and managing current ones, so definitely take a moment to read through those notes to get a sense of things.
  • New Component builder replacing Global Blocks (note that there is a section in this article covering the migration of Global Blocks to the new Components system in addition to general feature documentation) - Docs Article
  • The Element Manager can be used to lock elements, set their label, and learn about the current statues of the element. It also provides additional controls when using the Component builder - Docs Article
  • Parameters can be added to any element, allowing you to define values and retrieve them with Dynamic Content - Docs Article
  • Effects has a new Masking Option - Docs Article
  • jQuery is no longer a dependency on the front end.

Note: The Docs articles linked above are still a work in progress and may change. Some of the inner article links may 404 because they haven’t been published yet to their final URLs.

Changelog

Pro 6.0.0

  • Feature - Component Builder
  • Feature - Parameters
  • Feature - Masking Effects
  • Updated - Holding cmd/ctrl will allow any element to be added top level
  • Updated - Sections can now be used in the Header and Footer builders
  • Updated - When Inspecting an element, children are presented using a scoped version of the Outline
  • Updated - Dynamic Content now works in Element CSS
  • Updated - Remove hash_scrolling_offset and scrollspy_offset JS hooks and implement single fixed_top_offset hook
  • Updated - Added hash_scrolling_config to expose access to duration and easing for hash scrolling
  • Updated - jQuery is no longer loaded unless using masonry blog/portfolio, the Ethos post carousel, or site wide BG images
  • Updated - jQuery is no longer loaded unless using the classic slider element, ilightbox, or classic element tooltips
  • Updated - New script for disabled offscreen scrolling to avoid layout shift
  • Bugfix - Fixed link active state not updating for final one page navigation items when reaching bottom of page
  • Bugfix - Fix no-js class not being replaced with js on load
  • Bugfix - Fix Classic Counter and Text Type elements not updating
  • Bugfix - Fix Scroll Top anchor not appearing
  • Bugfix - Fix Classic Google Maps Hue control
  • Bugfix - Fix Column Fill setting always using lowest responsive styling value
  • Bugfix - Fix Gravity Forms AJAX setting not working in Form Integration element
  • Bugfix - Fix Interaction effect animations only running once
  • Bugfix - Fix WooCommerce Add To Card Notification not allowing global colors

X 10.0.0

  • Updated - jQuery is no longer loaded unless using masonry blog/portfolio, the Ethos post carousel, or site wide BG images
  • Bugfix - Fix Scroll Top anchor not appearing
  • Bugfix - Fix WooCommerce Add To Card Notification not allowing global colors

Cornerstone 7.0.0

  • Feature - Component Builder
  • Feature - Parameters
  • Feature - Masking Effects
  • Updated - Holding cmd/ctrl will allow any element to be added top level
  • Updated - When Inspecting an element, children are presented using a scoped version of the Outline
  • Updated - Dynamic Content now works in Element CSS
  • Updated - Remove hash_scrolling_offset and scrollspy_offset JS hooks and implement single fixed_top_offset hook
  • Updated - Added hash_scrolling_config to expose access to duration and easing for hash scrolling
  • Updated - jQuery is no longer loaded unless using the classic slider element, ilightbox, or classic element tooltips
  • Updated - Added cs_disable_wp_extraneous filter to optionally disable Gutenburg and emoji detection output
  • Updated - New script for disabled offscreen scrolling to avoid layout shift
  • Bugfix - Fixed link active state not updating for final one page navigation items when reaching bottom of page
  • Bugfix - Fix no-js class not being replaced with js on load
  • Bugfix - Fix Classic Counter and Text Type elements not updating
  • Bugfix - Fix Classic Google Maps Hue control
  • Bugfix - Fix Column Fill setting always using lowest responsive styling value
  • Bugfix - Fix Gravity Forms AJAX setting not working in Form Integration element
  • Bugfix - Fix Interaction effect animations only running once
9 Likes
#2
#3
#4
#5
#6