Navigation

To a new user, navigating through Mitto can be a maze, but the Navigation feature can add a little more ease to your workflow. This feature adds links onto the left panel of your Mitto space.

Highlighted below are some examples of Navigation features that were created.

When you click on your custom navigation links, jobs that you have assigned specific tags to will appear. This helps you organize your jobs and helps you find your jobs a lot faster.

Let’s dive in and create a Navigation and and explore how tags link to it.

1. Hover your mouse over the Add button on the bottom left of your screen. You will see other links appear. Click on Navigation.

2. After clicking Navigation, another window will appear. This is where you will be formatting your new feature.

  • Name: Name your new Navigation. Let’s call it “test123”.
  • Order: This is an arbitrary number to assign the order of your Navigation in regards to other Navigation you will be making. If you assign the order of this custom Navigation to ‘1’ and assign another custom Navigation to ‘2’, the Navigation assigned with ‘1’ will sit higher up in the list of Navigations.
  • Icon class: This is a customization feature where you can assign an icon to your Navigation. You can choose either to keep the default icon, clear out the default and have no icons, or add a custom one from the link beside Icon class.
  • Type: Leave the default of App State. This is an advanced feature.
  • State: Type the name of the tag that you plan to associate with this Navigation. Copy and paste this into the State: tag({name: 'testing'}) Note: This part is tricky! Copy and paste the syntax exactly as you see here. In this example, testing is the name of the tag. Replace the testing with a tag of your choice.
  • Parent: Assigning a parent to your new Navigation means it will live under another Navigation. In the example below, Navigation test2 is the parent of Navigation test3.

After you are satisfied with your selections in the window, click Save.

Look on the left hand panel. You will see the newly created Navigation “test123”. Click on this new Navigation item. The next page you see is empty and this is due to no job being tagged after the name of the Navigation. In this case “test123”.

Go to Job Manager and click on the job you’d like to tag and have appear on your new “test123” Navigation. In this case, [CSV] test.orders is chosen.

Click on the space under the Tag header and type in “testing”. Click the “+” sign to add the tag on the job. Next, click on the “test123” Navigation on the left hand panel of your screen. You will now see the [CSV] test.orders job appear here.