Hide App Header on a Certain Page

API & Customization Ask Developers
1

Hi, I’m trying to hide the App Header, but only on a certain page.
Does anyone have any code to achieve this?
Cheers

2

Hello Craig,

Try the below code and add screen id according to your screen.

var scenes = [“scene_123”,“scene_11”,“scene_22”,“scene_33”,“scene_44”]

$(document).on(‘knack-scene-render.any’, function (event, scene) {

var key = scene.key;

if (scenes.indexOf(key) >= 0) {
    $("#kn-app-header").hide();
}
else {
    $("#kn-app-header").show();
}

});

Regards,
Sunny Singla
ssingla1985@gmail.com
+919855089359

3

Thanks Sunny.
Worked a treat.
Much appreciated!

1 Like