Navigator toggler in Web SDK v.1019

Forum
1

I have created a new Angular 16 application with the Web SDK v.1019.2.9 using application as my scaffold.

When I start my application on localhost, I noticed that the left <nav> remains hidden to the side.

I got it to show on screen by tweaking the navigator class in the style.less file:

@import '~@c8y/style/main.less';

:root {
    .navigator {
        width: 1000px;
    }
}

image
image1517×362 43.4 KB

How do I get the side navigation panel to display and behave as it did in the old C8Y CLI, where you can choose to hide or display it with the navigator using the navigator toggler? Is that even possible as that element seems to have been removed in this version of the Web SDK?

image
image601×421 18.1 KB

2

Update: I tried setting the hideNavigator field in cumulocity’s config file to false and it did not resolve the issue.

3

As you scaffolded the application template, there is probably no content to be shown within the navigation and therefore the navigation is not showing up at all.

Once you’ve added your first navigation entry using the hookNavigator(...) the navigation should show up.

Regards,
Tristan

1 Like