UI configurations
Hii guys, I want to configure novu's current UI to remove the settings icon at the top right and have our logo at the bottom, can anyone help me with this?
I have read the docs regarding this, but facing some issues
16 Replies
Unknown User•2y ago
Message Not Public
Sign In & Join Server To View
Hi yes I guess you are speaking about the notification center?
EYS
*yes
okay so please tell me more what is the issues you are facing?
yes sure, so basically I want to remove the settings icon at the top right from the UI do I have to make a custom UI for this or the PopoverNotificationCenter can be configured to hide that settings icon
so for the footer prop you could do something like this:
you can pass
header and footer propsfooter={() => <></>}
that should hide the logo
and @biswavirajs suggestion for header should hide the settings icon
it will also hide the heading so if you like a heading you need to have it in your header componentI tried this, lemme try again
okay I have double checked the code and it should still work
yes my bad, didn't check properly earlier
@._aman, you just advanced to level 1!
Thanks for helping
Hi @._aman
I hope you able to use header and footer props.
Let me know if you need more help
Hi guys, I want to remove settings icon from Iframe Emebed UI widget, can anyone help me with this?
@ankit.s
Use
showUserPreferences prop of NotificationCenter and PopoverNotificationCenter
check all props
https://docs.novu.co/notification-center/client/react/api-reference#popovernotificationcenter