A few usability and layout issues
-
I’ve been playing around to see if I can ditch a full page builder.
I don’t think it should matter, but I’m using a genesis framework theme.
Columns / Rows:
Once you’ve added a “Row” it’s quite hard to get back into the Row settings. You have to mouse over the hidden spot perfectly. Even though I know pretty much exactly where it is, I’m fumbling around pushing my mouse in circles trying to find it.
Fortunately I can use the “Block Navigation” to find where it’s hiding.Second thing with the columns is that you can’t drag an item into a column unless there is already an item in the column.
Third I can’t dynamically resize the columns unless I’ve de-selected a pre-made column layout
Media card blocks.
If I add a button to the card, I can’t change the alignment of button, it is stuck at left.If I have the button outside of the media card, set its alignment as “center” and then drag it into the media card, it stays as “centered”, but then the button cannot be moved. I’m not sure why buttons are behaving differently inside the media card.
Hero Section
If you choose full width and align the Text and call to action buttons to the left or right they are awkwardly far off the page. The “Huge” padding is something like 60px, and that’s not a good way to align content since it’s a different % depending on the screen size. Instead it should be a combination of padding and max-width.
Right now it’s a Div with the background image and the text in a child div. There should be an inner wrapper centered on the page with a max-width of 1200px (adjustable by user in the block). That way on super wide screens you don’t have the text/ buttons pressed awkwardly in the corner.
Thanks a lot for a great plugin – some of these things are nitpicky, and I could solve with my own custom css or learn to live with. The buttons inside the media card appear to the the only actual item that appears to be a bug.
-
Hi @dberdal,
I hear you loud and clear regarding navigation of blocks in general but namely when using blocks like Row/Columns blocks. The clicking around looking for the proper element is something that I have had to do in the past as well. You would be glad to know that with the Gutenberg plugin V6.3 that navigation of blocks will be eased by introducing padding and a nested clicking experience. You can read more about the changes that are coming from the Gutenberg team here:
Also note that a more robust user experience with dragging and dropping blocks or content is something that the Gutenberg team is working on as well. Your final sentence on Row/Column blocks has me a bit confused. I understand that the predetermined styles are ‘de-selected’ when adjusting column width. What was the behavior you expected here?Appreciate the report on the Media Card block. While investigating the issue I found that its actually related to the Column block which is used within the Media Card block. I have gone ahead and created a bug report for the alignment issue you describe which you can follow along with here: https://github.com/godaddy/coblocks/issues/889
Please feel free to contribute or comment if you like.Regarding your report on the Hero block you may benefit to be made aware of the ‘Advanced’ options for the Hero Settings Padding option. First click the ‘Advanced’ button then set the units for percentage (%) and try out the ‘Sync’ and ‘Unsync’ buttons to set the horizontal and vertical padding independently. This may allow you for more fine-tuned control. I hope this response was helpful to you.
Best regards,
Anthony
- The topic ‘A few usability and layout issues’ is closed to new replies.
