We've introduced exciting changes to creating and customizing the Navigation Menu in Cosmos. This revamped feature offers enhanced flexibility and personalization options. Find out what’s new and how it works below. Happy navigating!
...
Locating the Configuration
Navigate to the settings icon in the sidebar and select.
Navigate to Navigation Menu → Configuration, and select.
Enabling Navigation
Locate the toggle at the top of the drawer to enable or disable navigation.
...
You'll find a real-time preview on the right side of the screen.
As you change the menu, see the updates instantly in the preview.
Styles and Compatibility
Unlike the previous approach, where changes affected the entire menu, you can now select a specific style when adding a new entry. We've introduced three new styles in addition to the existing ones:
...
London and Sydney: → These styles offer a familiar layout with minor design enhancements.
Denver: → A visually oriented style featuring an image with multiple links, offering different image sizes (S, M, L) and design options (icon or plain text).
Palo Alto: → Choose from a wide range of icons (including custom ones from MacroSuite Styleguide) to create a visually appealing menu.
Hum: → A minimalistic style with a simple link – perfect for streamlined navigation.
Intranet Entry
An Intranet entry is now a permanent addition at the beginning of the menu.
This entry links to the Cosmos Dashboard.
While the name can be customized, it cannot be deleted.
Editing entries
Click on the entry edit icon.
Edit the icon and the entry title.
Toggle icons and descriptions on/off if needed.
Editing Subentries
Click on the subentry edit icon.
Edit the icon, name, and description, and insert a link to the link box.
Design Customization
Navigate to the Design tab for overall menu design customization.
If using MacroSuite, adjust the background, text, icon colors, and hover effects to match the branding.
Personalization with Collections
Personalization is available with Content Viz.
Create Collections to group users by specific criteria.
Assign menu entries to specific Collections, tailoring the menu for different teams.
Space-Based Navigation
Personalization is available with Content Viz.
The menu adapts to Confluence's space structure.
Display different entries based on the active space, ensuring contextual relevance.
Publishing the Navigation Menu
Don’t forget to save! Once you finish creating your navigation menu, click Publish and share it with everyone. The Cosmos Navigation Menu is visible across all Confluence. Ready, set, navigate!
...
| Note |
|---|
Transitioning from Previous MenusFor existing users, rest assured that your old navigation will seamlessly integrate with the new changes. You'll find your familiar menu intact while having the option to explore the exciting new styles. These changes bring forth a new era of flexibility and personalization for your navigation menus. Feel free to explore and make the most of these enhanced features to create a dynamic and efficient navigation experience within Cosmos |
...
| Elementor macro | |
|---|---|
| summary | <p style="text-align:center"><span style="font-size: 40px;"><b>Need help or have a question? </b></span></p><p style="text-align:center"><span style="font-size: 40px;"><b>We're here for you!</b></span></p>, <p><span class="caelor-custom-span" style="color: #0052CC; font-size: 18px;">OVERLINE</span></p>, <p><span class="caelor-custom-span" style="color: #172b4d; font-size: 18px;">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>, Book a demo, Our expert team is here to provide you with the information and guidance you need. , CARD LABEL, Leave a review, Share your experience with others. Your feedback will help us improve., CARD LABEL, Customer Support, We look forward to helping you resolve any technical issues you may be having. , CARD LABEL |
| rowWidth | 80 |
| title | cw9jp | content | [{"id":"ulvnje","order":1673452462536,"space":40,"background":{"source":"color","value":"#fafcff","id":""},"backgroundOverlay":{"isActive":false,"color":"#000000","opacity":0.6},"rowWidth":80,"rows":[{"id":"n3khtr","order":1673453076708,"type":"one","columns":[{"id":"1jx59w","verticalAlign":"center","macros":[{"id":"qefimo","alignment":"flex-start","data":{"id":"titleandtextV2","alignment":"left","title":"<p style=\"text-align:center\"><span style=\"font-size: 40px;\"><b>Need help or have a question? </b></span></p><p style=\"text-align:center\"><span style=\"font-size: 40px;\"><b>We're here for you!</b></span></p>","titleColor":"#172b4d","titleBold":false,"titleSize":80,"overline":"<p><span class=\"caelor-custom-span\" style=\"color: #0052CC; font-size: 18px;\">OVERLINE</span></p>","overlineColor":"#0052CC","overlineSize":18,"text":"<p><span class=\"caelor-custom-span\" style=\"color: #172b4d; font-size: 18px;\">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</span></p>","textColor":"#172b4d","textSize":18,"lineColor":"#0052CC","lineWidth":15,"lineWeight":2,"iconSize":40,"iconColor":"#0052CC","titleIcon":"bootstrap/CloudsFill","emojiEnabled":"false","viewMode":"view","emoji":{"id":"smile","name":"Smiling Face with Open Mouth and Smiling Eyes","short_names":["smile"],"colons":":smile:","emoticons":["C:","c:",":D",":-D"],"unified":"1f604","skin":null,"native":"😄"},"layout":{"overline":false,"title":true,"text":false,"line":false,"icon":false},"hasButton":false,"button":{"buttonType":"text_only","buttonIcon":"bootstrap/CloudsFill","buttonSize":"small","buttonText":"Type label here","buttonRadius":4,"buttonWidth":0,"buttonColor":"#0052CC","buttonFontColor":"#FFFFFF","buttonBorderColor":"#0052CC","buttonLink":"","buttonNewTab":"false","buttonHoverColor":"#0052CC","isButtonShadowOn":"true","buttonShadow":0,"buttonIconColor":"#FFFFFF"}}}]}]},{"id":"iywenm","order":1673452462536,"type":"one","columns":[{"id":"ivdcvl","verticalAlign":"center","macros":[{"id":"a83fu4","alignment":"flex-start","data":{"tabs":[{"id":"3hz77en","text":"Type text here","icon":"bootstrap/CloudsFill"}],"cards":[{"id":"bqvau","isSelected":false,"title":"Book a demo","text":"Our expert team is here to provide you with the information and guidance you need. ","label":"CARD LABEL","button":"Book now","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"atlaskit/CalendarIcon","color":{"san_francisco":{"background":"#ffffff1f","color":"#0099ff"},"austin":{"background":"#0099ff","color":"#000000"},"mumbai":{"background":"#0099ff"},"hong_kong":{"background":"#0099ff"},"cape_town":{"background":"#0099ff"},"palo_alto":{"color":"#0099ff"},"new_york":{"color":"#0099ff"},"madrid":{"color":"#0099ff"},"berlin":{"color":"#0099ff"},"la_paz":{"color":"#0099ff"},"sydney":{"color":"#1b65f5ff"},"tokyo":{"color":"#0099ff"}},"image":{"link":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"true","link":{"link":"https://calendly.com/caelor","source":"direct"},"overlay":{"isActive":true,"color":"#000","opacity":0. | 3},"iconType":"icon","tabId":"3hz77en"},{"id":"g5prep","isSelected":true,"title":"Leave a review","text":"Share your experience with others. Your feedback will help us improve.","label":"CARD LABEL","button":"Visit Marketplace","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"atlaskit/MarketplaceIcon","color":{"san_francisco":{"background":"#ffffff1f","color":"#0099ff"},"austin":{"background":"#0099ff","color":"#000000"},"mumbai":{"background":"#0099ff"},"hong_kong":{"background":"#0099ff"},"cape_town":{"background":"#0099ff"},"palo_alto":{"color":"#0099ff"},"new_york":{"color":"#0099ff"},"madrid":{"color":"#0099ff"},"berlin":{"color":"#0099ff"},"la_paz":{"color":"#0099ff"},"sydney":{"color":"#1b65f5ff"},"tokyo":{"color":"#0099ff"}},"image":{"link":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"true","link":{"link":"https://marketplace.atlassian.com/apps/1230540/cosmos?tab=reviews&hosting=cloud","source":"direct"},"overlay":{"isActive":true,"color":"#000","opacity":0.3},"iconType":"icon","tabId":"3hz77en"},{"id":"lijr1f","isSelected":false,"title":"Customer Support","text":" We look forward to helping you resolve any technical issues you may be having. ","label":"CARD LABEL","button":"Contact us","quote":"Design is not just what it looks like and feels like. Design is how it works.","author":"Steve Jobs","icon":"atlaskit/PeopleIcon","color":{"san_francisco":{"background":"#ffffff1f","color":"#0099ff"},"austin":{"background":"#0099ff","color":"#000000"},"mumbai":{"background":"#0099ff"},"hong_kong":{"background":"#0099ff"},"cape_town":{"background":"#0099ff"},"palo_alto":{"color":"#0099ff"},"new_york":{"color":"#0099ff"},"madrid":{"color":"#0099ff"},"berlin":{"color":"#0099ff"},"la_paz":{"color":"#0099ff"},"sydney":{"color":"#1b65f5ff"},"tokyo":{"color":"#0099ff"}},"image":{"link":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80","imageUrl":"https://images.unsplash.com/photo-1612914380234-b35087733c4e?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=687&q=80"},"newTab":"true","link":{"link":"https://caelor.atlassian.net/servicedesk/customer/portal/1","source":"direct"},"overlay":{"isActive":true,"color":"#000","opacity":0.3},"iconType":"icon","tabId":"3hz77en"}],"config":{"type":"icon","columns":3,"layout":["text","button"],"design":"sydney","textAlign":"center","height":195,"iconSize":100,"gap":25,"iconRadius":50,"borderRadius":6},"id":"cardV2"}}]}]}]}]