Versions Compared

Old Version 5

changes.mady.by.user Ana Borosa (Unlicensed)

Saved on

compared with

New Version Current

changes.mady.by.user Marin Varvodic

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

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!

...

Cp content card macro
data{"config":{"showTabs":false,"type":"page","variant":"card","columns":1,"pagination":"infinite","labelsBackground":"#c6c6c6","coverPictureSize":200,"cardBorderRadius":8,"gridGap":10,"activeElements":["author","date"],"size":32,"tabs":{"t38kX5BODZ":{"enrichment":"manually","contributors":[],"labels":[],"spaces":[],"sorting":"created","ordering":"descending","limit":8,"manuallyPicked":[{"id":"c636a7cf-6624-48a7-ab02-55f786da2931","position":0,"contentId":"902004744"}],"restrictedToCollections":[],"excludePersonalSpaces":false}}},"tabs":[{"id":"t38kX5BODZ","name":"New tab","position":0}]}

...

  1. Navigate to the settings icon in the sidebar and select.

  2. Navigate to Navigation Menu → Configuration, and select.

...

  2. Locate the toggle at the top of the drawer to enable or disable navigation.

...

  2. You'll find a real-time preview on the right side of the screen.

  3. As you change the menu, see the updates instantly in the preview.

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:

...

  1. London and Sydney: → These styles offer a familiar layout with minor design enhancements.

  2. 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).

  3. Palo Alto: → Choose from a wide range of icons (including custom ones from MacroSuite Styleguide) to create a visually appealing menu.

  4. Hum: → A minimalistic style with a simple link – perfect for streamlined navigation.

  1. An Intranet entry is now a permanent addition at the beginning of the menu.

  2. This entry links to the Cosmos Dashboard.

  3. While the name can be customized, it cannot be deleted.

  1. Click on the entry edit icon.

  2. Edit the icon and the entry title.

  3. Toggle icons and descriptions on/off if needed.

  1. Click on the subentry edit icon.

  2. Edit the icon, name, and description, and insert a link to the link box.

  1. Navigate to the Design tab for overall menu design customization.

  2. If using MacroSuite, adjust the background, text, icon colors, and hover effects to match the branding.

  1. Personalization is available with Content Viz.

  2. Create Collections to group users by specific criteria.

  3. Assign menu entries to specific Collections, tailoring the menu for different teams.

  1. Personalization is available with Content Viz.

  2. The menu adapts to Confluence's space structure.

  3. Display different entries based on the active space, ensuring contextual relevance.

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

For 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

...

[{"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?&nbsp;</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"}}]}]}]}]
Elementor macro
summary<p style="text-align:center"><span style="font-size: 40px;"><b>Need help or have a question?&nbsp;</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
rowWidth80
titlecw9jp
content

.