New Style Panel Feedback

+1 on the popover issue. i just came to post about not being able to access my entire color palette because of the same issue.

4 Likes

Iā€™d like know why the ā€œvisibility controlā€ on various devices was removed, I thought this was really useful, and much easier than ā€œdisplay noneā€ setting. Was there a particular reason for this? Or will it be brought back at a later date? Hope so! Thanks.!
26

  1. Bring back center element.
  2. It would be nice if the size adjustments came up when clicking on the entire padding/margin arrow rather than having to click the number precisely.
  3. The position buttonsā€¦ keep as buttons not as dropdown.
  4. Make the dropdown arrow to change states as big as the display buttons. Itā€™s so tiny.
  5. Please add a button to disable pointer events when published!

Also, in the top bar of the editor (probably next to the toggle preview button) add a button to quickly edit the current pageā€™s custom code. The same one that is located under edit page settings and scrolling down. Make that easier to access and fullpage!

Maybe another button to quick edit the entire siteā€™s custom code too. It is annoying to always have to navigate around and work in the small textareas when having to enter custom code.

1 Like

Agree. I also think the new style panel looks cool but compared to the old/current it hard to find thingsā€¦ but maybe I am just the only one.

My two cents, I prefer the old style unless I am missing something, I will hunt for the video on using the new panel. From what I have read would like to see the old panel stay for a few more months until some of the missing items (center) can be added. Also, perhaps there is a way not to need a 2 step process when the original style panel only needed one. Thatā€™s the reason I use the old one, faster. Thanks for reading!

IT MAKES ME CLICK MORE

Who thought that was a good idea?

Lots of things I like about the redesign, I got accustomed to most things that are new pretty quickly and can see theyā€™ll allow ability for the style panel to grow. Imagining a bright future of native vector design inside Webflow and all that other good stuff is going to need space in the UI.

Persistent issue Iā€™ve found though is something other people have noted about the colour palettes getting cut off. Iā€™ve been switching to the old style panel every now and then to avoid it happening.

Has Webflow resolved the issue where the bottom part of the color swatch panel is inaccessible if it overflows below the browser viewport? This happens often with anything near the bottom of the styles panel, and the only way Iā€™m able to edit those styles unless I switch back to the old style panel. I work with a team of 4 other designers and weā€™re quire displeased with the switch over to the new panel. Itā€™s not as intuitive and Webflow as a whole has been very buggy since the introduction of the beta version. The one and only feature I think it better than the previous is the sticky positioning option. Other than that, I must respectfully give a big thumbs down to this switch to the new design panel. At least until all the bugs are fixed. (Also, bringing the center/auto-margin button back would be awesome!) Thanks for reading.

Iā€™m almost to the point where I forget Iā€™m using the new style panel! There are just a few things Iā€™ve noticed.

  1. Making edits to universal color swatches does not have an effect on the site.
  2. I reeeeally want my automatic margin button back. It just worked so well, and I find myself switching back to the old styple panel just to click it. Which I canā€™t do after the 19th :frowning_face:
  3. Iā€™m afraid of the old style panel going away. There are enough bugs in the new panel for me to be afraid of losing the old panel. Luckily (thanks to Webflow) I know CSS now, so I can keep working even if the new panel continues to break.
  4. Not a big deal, but the expanded border radius UI keeps ā€œhidingā€ and confusing me. haha
  5. I love love love the new giant dropdown lists. SO nice.
  6. I still really miss the auto calculate the width of an element by clicking up or down. I go back to the panel for that still
  7. It would be nice if the placeholder text stopped getting the in the way. I often end up with colors of transfffparent or au100%to
  8. I have a really hard time with the new shadow angle tool. I just have to use the input now.
  9. I find it harder to undo border styling now. I liked being able to remove the width and having everything else go away as well.

I canā€™t wait to see what features you all add to the new panel! Keep up the great work and thanks for the best web design tool ever :grin:

Hi @Lindapham, i attached a recorded GIF for your reference. I think many here stated they face the same issue as me, having menus getting cutoff. And if you guys phase out the old style panel, which serves as a fallback for us currently; we wonā€™t be able to do our work.

ezgif-3-ff13d6530280

Some information to take note:

  • Iā€™m on latest Chrome Version 72.0.3626.121 (Official Build) (64-bit)
  • Am using it on a 4K panel, Dell XPS15 laptop
  • Scale and layout on 175%

Not sure if these would help.

1 Like

@alexanderwong thatā€™s it. Our designer is built to work at ā€œActual sizeā€ or 100%. If you scale back to 100%, you will no longer face this issue. @doyourthing @Nina_Martinez are you both also working at above 100% scale?

1 Like

Hi @Lindapham, if I scale my screen back to 100%, I would have to basically use a magnifying glass to see each and every button, text and elements on my screen.

The Layout & Scale I mentioned isnā€™t the browserā€™s scaling, but the OS itself.

My point along with others as well, is that there werenā€™t such an issue with the previous style panel. Iā€™m not sure how I can help on this, as this issue occurs 100% when Iā€™m in normal Chrome modeand ONLY on the new style panel.

While in Incoginito mode, it happens occasionally for the new style panel.

On the classic style panel, all is good and well. I can work without worries. This new style panel is causing much anxiety and workflow issues, and I have 1 team account which I pushed my company to subscribe for our designers, and my own personal Pro account as well; if the problem cannot be addressed and Webflow is force feeding me and my team with the new style panel, I will simply cancel all our accounts.

Donā€™t get me wrong, I love Webflow and I have been loyal to the brand and thankful to your entire team for making my life easier, but if there are issues that are ā€œBlockersā€ to my workflow and you guys are forcing it through anyway, I find this unacceptable.

1 Like

this issue has nothing to do with scale. it has to do with which panels are open and the varying placement of the popovers based on it.

below is a screen recording with loom. as you can see, if i have the effects panel open the color palette is cut off. if it is closed the position of the palette popover changes and can be accessed again. this happens with other panels as well. we are not making up this inconsistency.

note: excuse the audio at the end lol i forgot to mute it

https://www.useloom.com/share/5020a47004124d24a31b780329c8469e

Yeah, Iā€™m having the same issue as many others it seems. Not sure how much testing WF has done with this, but itā€™s causing a big issue for me.

As Iā€™m trying to work with the new style panel, there is NO scroll bar, so some styles are completely inaccessible to me unless I make my browser smaller (80%). This becomes increasingly frustrating with elements that have two or more combo classes.

I literally canā€™t see all the options for ā€œeffectsā€ unless I make my screen smaller.

1 Like

That is my main concern too. I like some but looked far and wide for the centre element and cant see a way to centre any of the elements?

1 Like

The first thing I do when going to my page is turn off beta style panel NON of your tutorial videos use the new style panel. I get totaly lost in the beta style panel. How do you auto center in the new style panel. My God what are you Microsoft every time their customers get a handle on how windows works they have to dramatically change how to do everything so tech support can charge $1/min to show users where they moved a setting. So after this are you going to focus on new functionality or are you going to follow in the footsteps of Microsoft and continue fix things that are not broken.

Thing you have to do before the change:
1: Remake EVERY video using the Beta Style panel having Official training video using outdated interfaces will frustrate new users.
2: Make video explaining how the new Style panel is BETTER then the old one.
3:Send me link to How to use the new style panel. If I can not stop all software companies from becoming Microsoft I can at lest get tech support to retrain me before you start charging for it.

3 Likes

What the button did: margin left and right auto, display Block.

In CSS:

margin: 0 auto;
display: block;

Thatā€™s 4 to 5 clicks in the new UI.

This button was one of the fex ā€˜magicā€™ feature of the panel. All the rest is a UI for CSS, and this one is like a macro. Thatā€™s maybe why it disappeared.

But Iā€™m like you, I was using it all the time. This is a good method of centering, thereā€™ no reason not to use it in favor of Flexbox or another (contrary to the vertical centering method involving a transform and a position, which could be difficult and cumbersome to handle, and where flexbox is welcomed to replace it). I wish this button could find a way into the new UI. Why not in the center of the pad?

7 Likes

Looks nice, and I will get use to the new location of the couple of things that have moved but (there is of course a but!) loosing the center element is a pain! Very useful little tool. And loosing the ability to adjust background images by sliding the Position: Adjust: is a real pain and you can be fiddling for ages.

Please bring back Center Element and Position: Adjust: Slide

1 Like

I want a simple clean design in my website. I am lost in a lot of the complexity already being forced into my site. Any chance we can keep the Old Style Panel renamed basic Style panel and have the Beta as a new Tab called Advanced Styling Panel. I just want a simple text block and images site that will look good in multiple devices.

Webflow put hosting and design in the same program if they make the design interface to complicated then I will have to find another design/host option. Hope webflow realizes that not everyone that uses their app are aspiring to be fancy web designer. Some of use are small business owners wanting direct control over his site or just canā€™t afford to hire a firm to design his site for him.