New side menu

morgan · 10-07-2019 12:57 PM

Hey community!

We want to give a world-class experience to the people using our apps. So we’re refreshing our app design, giving each component in the app some attention. Expect to things to be more minimal and consistent, so that the content takes the foreground.

This week we’re releasing a new side menu. It supports a larger list of menu options, and divides the menu up so that it’s easier to find stuff. We’re putting some basic app information in there as well.

Here’s a preview of what it’ll look like:

Thanks everyone!
Morgan

Grant_Stead

Looks smooth!

Suvrutt_Gurjar

Yes, new UX indeed looks sleeker and minimal.

Koichi_Tsuji

I can’t wait and see . Is there option available to create collapsible menu so that end user can drill down to deeper to see target view?

Koichi_Tsuji

I assume it is related to this works to implement new UI.

On the table view for desk top, the side scroll bar is missing. We are not able to scroll up and down now!! Please have a look.

WillowMobileSys

I too love the new menu look!!.

But I wonder if there is too much top/bottom padding reducing the number of Menu items that can be shown without scrolling?

retailpartnerco

Yes, I agree. This menu is a step in the right direction, but now I have to scroll more to see my menu options. Padding should definitely be reduced, and then all would be fine. Good Job!

morgan

Thanks for the feedback! I reduced the padding and it’ll be updated for everyone the next time we deploy.

retailpartnerco

Thanks for the quick response!

Have a Wonderful Day! - Nick Barry RPC

Yossio

Hi,
Sorry to say that the new menu still wastes too much space and makes it less friendly to view. It sort of hides the menu items and force the user to scroll for no reason. (Logout is not that important to show it all the time)
I preffer the previous menu.
But… when sub menus will be available this might become a minor issue as the list of menu items would be much shorter and less likely to be hidden by the Logout

Thank you
Appsheet is great!

Koichi_Tsuji

I want to have collapsible menu !

retailpartnerco

I would love a collapsible menu! This would make it less confusing for my users who currently have to worm their way through multiple menus. Maybe at the bottom of a view in UX - Views, you could have an option like “Menu or Sub-Menu?” and then if you click “Sub-Menu”, it asks which Menu to attach it to.

Rene_Casana_Ama

Definitely.

bnewman

Do you mean a collapsable Tree view?

Koichi_Tsuji

Something like this.

WillowMobileSys

FYI, its known as an “Accordion” control in application development tools.

Dave_Willett

Is this menu available?

Cheers

WillowMobileSys

If you are referring to the side menu for which this thread was originally create, then yes that menu is the menu we currently see in our apps.

The “Accordion” style menu was a suggestion (and I think a good next step) but is not available in the app presently.

Naaid

Heey!
You know how to change the options to add more options besides "About", "Assistant"?

WillowMobileSys

Each view you create in the app has a property named "Position" to determine where within the app that view is displayed...or if at all. One of those options is "Menu" and will place the view in the side Menu section. It will also be organized in the view list under the "Menu Views" section.

NOTE: There is also, in the views list, a "Rearrange Menu" function to allow reordering of the views you insert.

Naaid

Thanks, that's great! 😄

Luke_H

I wish we had a view like that for table view! Not just side menu

Kirk_Masden

Great! I hope the day will come when the back button does not make the side menu disappear.

Fenris_support

Very exciting - hope that you do not force the display of these three in the menu on whitelabel apps

intern_solworxs

You wont see them once the app white labeled.

Fenris_support

Is it possible to turn back to the old menu? The new one is not a step forward.

The new one introduces a lot of fill-space between the menu items, which makes the menu twice as long.
At the same time, the icons have moved far away from the edge, so that the space for the menu item’s name is reduced or split into two lines (which makes the menu even longer).

Perhaps this is because too much margin has been added to both the left-right side and the top of the menu.

The move of the app name into the menu is not ideal, as it wastes a lot of space. Please make it optional.

Jon_S

+1 on the hamburger menu sub-menu functionality…

@morgan here’s a great example of what it could work / look like

This is a cropped version of my android zoho invoice app and i’m the hamburger menu already when the video starts.

Koichi_Tsuji

This is what i really want to have on Appsheet.

Tiger1

Did you do this in Appsheets?

Grant_Stead

No, that’s just a screen shot of a different application.

Tiger1

ok. Thanks

CA_Ankur_Patida

Really want this update.

Lynn

Hi @morgan I notice in the emulator the there is a gap between the icons and the text but on my android phone the icons are still running over the text. Do I need to do anything to avoid this?

Swoopy

I’ve 2 things for menu.

1.Swipe-gesture to show/pull the menu, now we need to tap on menu icon.

2.Custom line separator for grouping menu items of the same kind.

Rene_Casana_Ama

¡Aweasome!

I’ve been waiting for this kind of update, thanks!

Rene_Casana_Ama

How can I add a custom separator between the menu options and make a submenu out of various Items?

WillowMobileSys

You cannot add separators or submenus at this time.

I encourage you to check the Features list for a request that might have already been submitted and Vote it up. If you don’t find one, then add it.

Harriswe

Looks good.

OptimiX_XcrY

Submenus can be build using slices

Stephen_Ehmann

is there a feature request for accordion functionality, in particular I want accordion functionality in a details view, mine is getting to be long and I need a way to collapse it without having the user jump through links to see the sub-items.