Versions Compared

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.

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

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

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 /wiki/spaces/MAC/pages/18259300) 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. Create Collections to group users by specific criteria.

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

...

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.

...

The Cosmos Navigation simplifies finding one's way around Confluence, providing quick access to important content and features. This enhances work efficiency and improves team collaboration.

...

Navigation entries can be customized to be visible in specific Confluence spaces and to particular user collections, defining a personalized experience by controlling where and to whom the navigation appears.

...

Steps to activate and customize the Cosmos Navigation

Follow these simple steps to enhance your Confluence workspace with the Cosmos Navigation:

  1. From your Confluence navigation bar, access Cosmos by selecting it from the Apps dropdown.

  2. Within Cosmos, proceed to the Settings area.

  3. In the Settings menu, locate the Navigation section and click on Configuration.

  4. Ensure the “Published” toggle remains OFF during setup, until you are ready to publish your navigation.

  5. Select the “Add Menu Option'“ button to explore a variety of navigation styles available for your choice. Hover over each style to identify the best match for the intended use case.

  6. After finalizing all menu entries, adjust the design to accommodate both light and dark modes.

...

  1. Begin adding subentries to each menu entry, incorporating the appropriate content.

  2. For each entry and subentry, additional layout and design options are available. Adapt these according to the specific use case and verify the changes in the live preview.

...

Configuration options

Customization of the Cosmos Navigation bar includes a variety of options, facilitating the creation of a navigation interface that aligns with the identity and requirements of an organization.

  • Design styles → Explore diverse styles like London, Sydney, Denver, Palo Alto, Hum, and Houston, each offering unique design elements and layout options.

...

  • Design options → Cosmos Navigation features a broad selection of layout and design options for the main navigation, menu entries, and subentries, according to the design style. The goal is to provide numerous customization possibilities for adjusting and personalizing Cosmos navigation.

Tip

The Design tab, powered by Optics, is accessible for users holding a valid Optics license and offers a suite of options to make the Cosmos Navigation Menu fit your brand identity.

Tip

All colors in the navigation can be customized for both light and dark modes, ensuring optimal personalization. This flexibility is essential, as more than 80% of our customers prefer using Confluence in Dark mode.

...

Personalization

Admins can control who sees navigation entries by using Collections to set view permissions for specific user groups. They can also choose which Confluence spaces to show each navigation entry in, making navigation fit the organization's unique needs better.

  1. For personalizing a specific navigation entry, simply click the edit button.

...

  1. Find and click on the lock button located in the right upper corner.

  2. Set the visibility options:

    • Determine if the navigation entry should be visible to anonymous users. (Only applied if the Confluence instance is opened for anonymous access)

    • Specify the Confluence spaces where this navigation entry will be displayed.

    • Use collections and additional filters to define which users can view the navigation entry.

...

Publish navigation

In the navigation settings, there's a simple toggle to turn navigation on or off for the whole Confluence site. This lets admins set up everything first and then easily make the navigation live for users once it's ready.

...

Warning

Please note an important consideration regarding the navigation feature and Atlassian's native PDF export functionality. When navigation is enabled within Cosmos, it becomes part of the content exported using Atlassian's built-in page PDF export feature. This behavior has been identified, reproduced, and formally reported to Atlassian's technical team for review and resolution.