I have been using the latest Web SDK (v.1019) with Angular 16 and I have a couple of questions regarding replicating certain features from the old CLI.
1. How can I tweak the options to display/hide the navigation bar and/or header of my application?
I remember this was done via the c8y
option in package.json
file. I thought these same options would available under the runTime
options of the new Cumulocity configuration file (cumulocity.config.ts
).
They even showed up on my IntelliSense.
import { ConfigurationOptions } from '@c8y/devkit/dist/options';
import { version } from './package.json';
export default {
runTime: {
version,
name: 'application',
contextPath: 'application',
key: 'application-application-key',
dynamicOptionsUrl: '/apps/public/public-options/options.json',
hideNavigator: false,
hideHeader: true
},
// other config options
} as const satisfies ConfigurationOptions;
However, when running them on my localhost server these effects do not take place, even though the element still appears in my DOM.
NOTE: My application background is set to the same color as that of the header, hence the lack of distinction between the two.
2. Neither the header nor the navigation panel display once I deploy my application to Cumulocity.
In fact, the application resembles a vanilla Angular app but with branding applied from my Cumulocity tenant; again, even though the header and navigator element are present in my DOM.