V6B4 | UX Thoughts

Beta
#1

Working on a build in V6 and going to log some UX thoughts here as I encounter them.

  1. Clicking cornerstone in the builder opens the cornerstone menu. However, the only way to close this menu is to click outside of it. Could we include close on second click? Update: this goes for the “+” icon as well.

  2. It used to be that when you applied a scroll effect, the effect would take place in the preview one time while you were working on it. Is this intentionally gone?

  3. Copy / Paste works. But Copy / Paste Style does not work at all from shortcut shift + cmnd + v

  4. Paste Style on a column does not paste the Object Fit property

  5. Several times have had elements completely disappear from my preview when moving from one column to another. Even within the same row. Requires browser refresh. Update: noticed if I wait long enough (like a super long time… long enough for me to type out #5 here) one of the missing elements showed back up.

  6. Remember how you used to be able to hold down shift or cmd or something to that extent to access ‘Classic Sections’ for awhile? Would it be possible to add that in on the outline pane to quickly just add a section? Would help address the issue that @misho, myself, and others have brought up a few times now.

Default = Add Element + Dropdown
⌘ Hotkey = Add Section + Instant Add

Update: Same goes for rows once you’re inside a section. That was commonplace in 5.1.5, now removed.

Screen Shot 2022-10-28 at 3.06.07 PM
Screen Shot 2022-10-28 at 3.06.07 PM1520×1182 126 KB

  1. Custom Effects / CSS / Dynamic Content Tooltip is in an odd location. Used to populate to the right of the workspace. Is this intentional?

Screen Shot 2022-10-28 at 3.19.07 PM

  1. So incredibly minor but while I’m at it in this thread – if you click the cornerstone “+” the first tab you navigate to after “blank” will have search in focus but not subsequent tabs. Go back and click blank and the first tab will be in focus again. Makes it a bit unpredictable whether you can just start typing right away or need to manually focus the field first.

Screen Shot 2022-10-28 at 3.32.02 PM
Screen Shot 2022-10-28 at 3.32.02 PM2398×1002 382 KB

2 Likes
#2

@DoncoMarketing, thanks for sharing!

#1. I agree, it should work this way. Not sure what changed here.

#2. I am still seeing scroll effects firing in the Live Preview. Can you provide more context here such as what Elements you’re using or what builder you are in?

#3. I will note this down to be looked into.

#4. The Column does not have an Object Fit property…do you just mean that using “Paste Style” isn’t working here, similar to #3?

#5. Noted. Do you have any additional information you can provide regarding what might be triggering it?

#6. I believe we are planning to bring this back based on the feedback in the forums.

#7. Not sure what changed there but I have noted it down.

#8. Good catch. This will be sorted.

1 Like
#3

@kory

  1. :tada:

  2. I am seeing them now too on normal elements. Looks like it was on a column which is what wasn’t working maybe?

  3. :tada:

  4. Here’s what I’m referring to Column > Advanced > Background > Image Element.
    Everything copies over as expected – even the parallax properties on the background image – but not the object-fit.

  1. To be honest, negatory. It’s hit or miss. But it’s dragging an element from one container to another quickly.

  1. Awesome! When you say “bring this back” do you mean classic sections? Because that part doesn’t seem necessary any longer at all. It’s the function of cmd clicking for sections in general would be amazing.

  2. :tada:

  3. :tada:

#4

@DoncoMarketing,

#2 I have just now tested this on various Elements, Columns, Rows, and Sections and it is firing everywhere for me in the builder. I’m not entirely certain on what might have hung it up at this moment. If you happen to come across it again and have more details to provide, definitely happy to dig deeper.

#4 Sorry, I was moving too fast on this one and forgetting the advanced background partial with the <img/>. So Cornerstone’s system has a way of distinguishing “styles” from “content” within the controls, which is how the “Paste Style” command works. It takes anything that isn’t flagged as content and will move it over. You can somewhat see this in play with the following snippet:

  'bg_upper_type'                => cs_value( 'none', 'markup' ),
  'bg_upper_color'               => cs_value( 'rgba(255, 255, 255, 0.5)', 'markup' ),
  'bg_upper_image'               => cs_value( '', 'markup:img', true ),
  'bg_upper_image_repeat'        => cs_value( 'no-repeat', 'markup', true ),
  'bg_upper_image_size'          => cs_value( 'cover', 'markup', true ),
  'bg_upper_image_position'      => cs_value( 'center', 'markup', true ),
  'bg_upper_img_src'             => cs_value( '', 'markup:img', true ),
  'bg_upper_img_alt'             => cs_value( '', 'markup', true ),
  'bg_upper_img_object_fit'      => cs_value( 'cover', 'markup', true ),
  'bg_upper_img_object_position' => cs_value( 'center', 'markup', true ),
  'bg_upper_video'               => cs_value( '', 'markup', true ),
  'bg_upper_video_poster'        => cs_value( '', 'markup', true ),
  'bg_upper_video_loop'          => cs_value( true, 'markup' ),
  'bg_upper_custom_content'      => cs_value( '', 'markup', true ),
  'bg_upper_custom_aria_hidden'  => cs_value( true, 'markup', true ),

This is taken from our values.php file which maps many of the defaults for our Elements. Anything with a true boolean in the 3rd parameters slot in the cs_value() function is considered “content,” and thus, won’t be moved when you paste the “styles” from one Element to another. As you can see, the bg_upper_img_object_fit key has this, along with many other items. This file hasn’t been changed in years, so it has been this way for a long time. I believe we likely set it this way initially because the styling of these values is usually very closely associated with the source image itself. For example, you might change the source image and need a completely different background-position to place it where you want. If that got overwritten when pasting a style, it might not be what you want for the “content” you have in the image.

I would personally say these should likely stay this way as they are how it has been for years and nobody and because of the situation outlined above.

#5 Thanks, I’ve noted this. The video is very helpful at least in giving us a use-case to try and replicate.

#6 I do not mean the Classic Sections, sorry. I mean the CMD + Click to bring open the Element Library. By default we’re thinking these top level insertion markers will be Sections in all builders except for Headers, where it will be Bars. You can CMD + Click to bring open the Element Library and add anything you want though.

#5

Hey @DoncoMarketing thanks so much for testing the Beta and bringing this to our attention. Could I get WP access in a secure note to checkout some of your performance issues on dragging? Are you getting any warnings on your end?