Wappler 5 beta, ability to move the Wappler icon towards the end

Wappler 5 added a new colorful icon above the folders icon. The problem with this is, it breaks muscle memory when clicking the folder button from people that regularly work with Visual Studio Code as well.

Please consider adding an option to put that icon in the lower end of the sidebar to enhance UX for those affected

There has always been a Wappler Logo Icon there as far back as I can remember?

Screen Shot 2022-06-01 at 3.19.17 PM

I could swear it wasn’t like that! Did I just hallucinate? :scream:

I’ve just checked 4.9.1 and you’re right

lol … maybe it’s beer time. :beers:

Ok, the new icon is pushed lower, I didn’t hallucinate completely :laughing:

We did enlarge the sidebar icons a bit and indeed also the top logo, so it takes a bit more space but it is clearer. Will see if we can optimize it more.

Having logo on bottom is not really good for branding.

Also the logo serves as menu when you click on it - but that seems like a hidden feature :), so we are thinking to change that to a more logical 3 vertical icons on the right side.

1 Like

This logo icon is missing the shortcut key tooltip (F10). This would give a clue that it has some functionality. I only use it to access the Recent Files list, but this is very useful.

The Site Manager and Workflows icons - by far the most useful options - are also missing their tooltips (Alt+F and Alt+S).

I think the way these shortcuts are assigned is excellent. Almost all of the options can be reached from a single hand position. I would never use the mouse to access these features - except for the search feature (until the broken shortcut keys are fixed!) - so I don’t really mind where the icons appear.

1 Like

@George, I agree with @Apple

Although I like to look at the new colorful Wappler icon it has no place there. Not even for branding purposes as it breaks the UX of the sidebar(together with the new project setttings icon).

image This icon opens a contextual menu that is redundant for MacOS. The suggested three dot solution for windows on the right side makes more sense.

image

All the above icons change the content of the left sidebar -> That’s ok and expected.

This one image opens a modal. Messes up expected behaviour.

My suggestion:

  1. Make this one image the Wappler icon for branding purpose. I don’t have a special desire to view my community avatar picture in the app.

  2. Put this one image elsewhere as it’s a modal and doesn’t have effect on the left sidebar.

I respectfully disagree. The logo has been there for years and has never been a problem. I use it very frequently especially when in full screen mode. Not a deal breaker for me either way, but my preference is to leave it as is. I’m used to it being there now. :wink:

It has always been a UX problem, it was just not reported as such :joy:

I do agree on the Clipboard Icon though. There is already four ways to get to project settings including the key command. I don’t think that needs to be there. But again, not a deal breaker.

Well maybe this is the best option:

We do plan to move the menu indeed under a 3 dots icon on the left side of the editor tabs.

@brad We have added project options (clipboard icon) and project manager icons to the left sidebar for easy access as we will be clearing the main window titlebar to contain just the Project name and no more icons arround it. As the title bar is also not visible in full screen.

@JonL - we do plan to move the project options to an editor tab or its own manager left sidebar panel, so it won’t be a popup any more.

3 Likes

That makes perfect sense. I like it.

1 Like

That looks much better! :pray:t2:
Specially with the services icon :wink:

And have you thought about flattening this and getting rid of the rounded borders to make it square and fit the few pixels on top?

I think it would fit lovely with the new rebranding.

2 Likes

On the Mac it also looks nice:

1 Like

Are you sure that making all straight and no more rounding is ok? As all OS windows have large rounded corners these days and our popups as well.

So maybe we should even add more rounding instead of completely removing it to the tabs?

Wappler’s new logo is cornerful, so it I think having corners is good

Was that really just a teaser for a new feature?
Server related?

Yes that is the upcoming Server Manager indeed :slight_smile:
Where you can manage all your remote servers, but also local docker services.

For modals and windows I’m all for rounded as it’s a pattern today. But inside the windows everything is usually straight and flat.

I mean in the end it’s all about preference but I have a good hunch that having straight tabs with the colorful line on top is going to match perfectly the new branding. It will also make a very nice separation between the icon sidebar and the main window as now it looks like its embedded. Just a hunch.

1 Like