The configuration file contains a section called Settings in which you can configure additional Luigi options.
settings: {
hideNavigation: false
backdropDisabled : false,
header: { object / function / Promise
logo: 'path/to/image.png',
title: 'Luigi Demo',
favicon: 'path/to/favicon.ico'
},
sideNavFooterText: 'MyLovelyApp 1.0.0'
}
- hideNavigation disables Luigi's default out-of-the-box navigation when set to
true
. As a result, neither the left nor top navigation is visible in your application, and you can implement your own navigation UI. By default, the parameter is set tofalse
, which means the navigation is enabled. - backdropDisabled prevents the backdrop layer from covering the top and left navigation when showing modal windows. By default, the backdrop is set to
true
. - header.logo defines the top left navigation logo. It has a fixed height of 28px.
- header.title defines the top left navigation title.
- header.favicon defines the favicon. It rquires a standard favicon file with the
.ico
extension, and 16x16px or 32x32px dimensions. - responsiveNavigation allows adding a button on the left side of the top navigation. Upon click, the button shows or hides the left navigation. The possible values are
simple
andsimpleMobileOnly
.simple
displays the button regardless of the browser window´s size, whilesimpleMobileOnly
shows the button when the width is lower than600px
. If you don't specify any value for responsiveNavigation, the button will not be displayed. The same applies when you enable hideSideNav for the current active navigation node. - sideNavFooterText is a string displayed in a sticky footer inside the Side Navigation. It is a good place to display the version of your application.