Top-Navigation for Help Centers

Select Layout in the top menu.

Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

Select the Layout you want to update or Create a Layout.

Select Classes and attributes in the sidebar.

Select Enable for Output taxonomies.

Select Enable for Output 'role' attribute as class names.

Select TOC and chunking in the sidebar.

Select Enable for Top Navigation.

Set the number of levels to show in Top navigation depth .

Select Save.

Use a code editor or text editor to create a JS file. Give it a name and save it with the .js extension.

If you already use a custom JS for your layout, you should edit that JS file instead.

Add the following template code to your JS file:

 $(document).ready(function () {
    // Create product dropdown using jQuery
    const productDropdown = $('<li class="product-dropdown">')
        .html(`
        <a><span class="caret"></span>Select product</a>
        <ul>
            // BEGIN - Add product versions
            <li><a href="#">Product A</a></li>
            <li><a href="#">Product B</a></li>
            <li><a href="#">Product C</a></li>
            // END - Add product versions
        </ul>
        `);
    
    // Select the right navbar
    const navbar = $('#navbar').last().children().first();
    const versionDropdown = navbar.children().first();

    // Placing productDropdown before versionDropdown
    versionDropdown.remove();
    navbar.append(productDropdown);
    navbar.append(versionDropdown);

    // SmartMenus jQuery initialization
    navbar.smartmenus();
});

Update Product A with a URL and a proper name.

The following string is to be updated:

<li><a href="#">Product A</a></li>

with a URL and a proper product name, like this:

<li><a href="https://mydomain.com/docs/myproduct">My product</a></li>

Repeat this for Product B and C. Add or remove products if needed.

Save your JS file.

Upload your customized JS file to each layout that share the same product selector, see Upload Customized JavaScript.

Select Layout in the top menu.

Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

Select the Layout you want to update or Create a Layout.

Select Help Center Theme Options in the sidebar.

Enter available versions in Versions for version dropdown for this specific product.

The text is the visible part in the dropdown. Divide the versions with semicolon. For example:

text:4.0, url:https://mydomain.com/docs/rpa/4.0/;
text:3.0, url:https://mydomain.com/docs/rpa/3.0/;
text:2.0, url:https://mydomain.com/docs/rpa/2.0/;
text:1.0, url:https://mydomain.com/docs/rpa/1.0/;

Each version must be published. Version number and URL:s must be added in this field.

Select Save.

Select Layout in the top menu.

Paligo displays a list of Layouts. The list is empty if there are no custom Layouts in your Paligo instance.

Select the Layout you want to update or Create a Layout.

Select TOC and chunking in the sidebar.

Scroll to the Hide Top Navigation links from Category Panel setting.

Choose:

Scroll to the Hide Top Navigation link from TOC setting.

Choose:

Select Save.

Use a text editor to create a JS file.

If you already have a custom JavaScript file that you upload to your layout, you can edit that instead.

Add the following to the JS file:

$(document).ready(function() { 
    $('.nav-class a[target="_blank"]').attr('target', '_self');
});

Save your JS file.

Upload Customized JavaScript.