Blog »
Hiding the default header in the LightSwitch HTML Client
Hiding the default header in the LightSwitch HTML Client
Sometimes you need to hide the default LightSwitch HTML client generated header. You may wish to hide the entire header including the screen tabs or just the title part above the screen tabs. The following JavaScript function will do this for you if called from the screen_actived() event:
// hide entire header (incl screen tabs)
myapp.Home.hideHeader = function () {
var $html = $('html');
var $element = $html.find(".msls-header-area");
$element.hide();
};
// hide header title bar only (excl screen tabs)
myapp.Home.hideHeaderTitle = function () {
var $html = $('html');
var $element = $html.find(".titles-bar");
$element.hide();
};