Scenario

Refined for Jira comes with a simple setup to get you started.

For instance, the module Service Desks and Categories Module will show you the structure of your site. It is automatically populated and will show links to all the Service Desks and added Jira projects, but the downside is that you may not want to show all, or have more control over your page.


In this tutorial we will show you ow you can work with URLs and Navigation Modules to tailor your pages. 

Auto populated

Built with modules



Tutorial: Setting up a custom navigation

Video with steps

Build with Modules.mp4


Getting the URLs

First thing to do is to get the URLs for the categories and the portals. 

  1. Navigate to the category or portal. 
  2. Get the URL to that resource from the browser. 

Learn more: Using URLs and quick linksAbsolute vs Relative Links




PortalTypeURL

IT Service Desk

JSD portal

http://baseURL/plugins/servlet/desk/portal/1

HR Help Center

JSD portal

http://baseURL/plugins/servlet/desk/portal/2

Documentation

Category

http://baseURL/plugins/servlet/desk/category/docs

Go to IT Knowledge Base

Link

Any external link

Go to HR FAQLinkAny external link

Get URLs.mp4

Go to the Help Center, click the pen at the top of the page to edit the layout.

Setting up navigation

For setting up the navigation you can use any of the Navigation modules:

Because of the structure of this site with both categories and projects/portals, we will use one module for IT and one module for the HR. Documentation will be placed in a separate section. 

Start by adding a section to host the category.

Add one Navigation Content and enter the URL for the category on it.



Save to see the result.



Repeat the steps to add in links to IT Service Desk and HR Help Center. 

In this instance we'll use Navigation Icons for the links. 

  1. Get the URL from the portal. 
  2. Add a Section.
  3. Add two columns to it.
  4. Add one Navigation Icon in each of the columns, use the URLs from before. 
  5. You can style the Navigation Icon with a custom Image, or use a bundled icon. 
  6. Save

Add link to IT Service Desk.mp4

Now that all the links that are contained in the Service Desks and Categories module have been accounted for, this module can be removed.

  1. Edit the layout
  2. Click the X in the top right corner of the section and confirm deletion.

Result

You now have the same links as before, but they are showing as images and icons instead of in a list.

With Navigation Icons


With Navigation Highlights

Please note that since this is manually setup, you will need to update the portal if you for instance add a new service desk so that users can still find it.

  • No labels