appsmith
appsmith copied to clipboard
appsmithorg
[Feature]: Add Custom Navbar for custom menus and / or application headings
Is there an existing issue for this?
- [X] I have searched the existing issues
Summary
Create a seperate header-section to enable application-wide custom menus (especially when using embedded mode) and / or application headings.
Why should this be worked on?
When navigating through a multipage-app in embedded mode, currently the only way to add a (custom) menu is by using clickable elements like menu-buttons.
For consistency and a nice look & feel of applications I am using a container with a logo and menu-buttons along with the navigateTo-method for each multipage-app.
However this way one needs to clone this "pseudo"-menu-bar-header to each page and also edit it on all of the pages for any changes.
Retool has a seperate "header" section which "solves" this.
A header section will be great. But, just a Breadcrumb to navigate would be enough and more modern than a tabs or menu. https://mui.com/components/breadcrumbs/
A header section will be great. But, just a Breadcrumb to navigate would be enough and more modern than a tabs or menu. https://mui.com/components/breadcrumbs/
Yes, but a header section would allow to add tabs / menus / breadcrumbs and any logos or whatever CI stuff, globally available throughout the app.
@Privatecoder @slysiou thank you for the inputs this is a great feature request. We'll introduce both #2282 and a custom header section in the future
I think something similar to breadcrumb is not enough for everyone, some of us need header with some good options like fixed position, zero margins around similar to a navbar in a common web app
@luilabdev could you share a screenshot of the type of navbar you're trying to replicate?
@dilippitchika Thank for sharing the screenshot, I hope that in sooner future we can build something similar with our UIs
upvote for the feature
my use case is that I am reusing same page by adding a param in url, then execute some logic to filter the result base on that param, for example id=123
however, the default menu auto includes my param in all menu links id=123, so i have to either manually remove param from url or create a menu widget and duplicate it in all the pages which is really inconvenient
upvote for this feature. Use case is that we can keep the layout consistent and are able to manage the options shown in one spot instead of updating all the pages.
upvote for this feature. I'd like the option to hide the default Appsmith "Sign In" button as well, since this confuses my users. They end up signing up for Appsmith, instead of signing in through our login page.
~Thanks @ZackKnopp regarding disabling sign up here's a doc on this- https://docs.appsmith.com/v/v1.2.1/how-to-guides/restricting-signup~
Apologies for the previous response @ZackKnopp, i thought you wanted to restrict sign ups on appsmith. Currently you might have to hide the navbar for that (you can use embed=true at the end of your url). We are making this easy so that we can simply disable this and still use the current navbar
@ZackKnopp , @Eudemon ,@luilabdev, @slysiou, @Privatecoder, @ragnorok
Sam from Appsmith here. We’re currently exploring this feature in detail and we’d love to get a deeper understanding of your needs with regards to navigation.
Have you ever created your own navigation using our widgets? If so, would you be willing to share screenshots of what you have built with me? Alternatively, we could jump on a quick call where you could show me what you have created. You can book some time in via my calendly here: https://calendly.com/samstudiorival/30min
