This question is locked. New answers and comments are not allowed.
I am successfully hiding the footer on the first screen of my app, thanks to help on this forum. This is done by this simple process:
1) Firstly hide the footer on page load with this at the bottom of index.html:
<script>
$('#footer').hide();
</script>
2) Then on successful login:
LoginViewModel = kendo.data.ObservableObject.extend({
isLoggedIn: false,
onLogin: function () {
// removed verification code
that.set('isLoggedIn', true);
$('#footer').show();
},
All good so far. However, I want to hide the footer again on logout, but no matter what I try, the footer won't be hidden!
onLogout: function () {
// This doesn't work
var ele = document.getElementById("footer");
ele.style.display = "none";
// Neither does this
$('#footer').addClass("changeFooter");
// Nope, nor this
$('#footer').hide();
// Do other stuff relating to the logout
},
Does anyone have any pointers for me?
Thanks,
Stewart
1) Firstly hide the footer on page load with this at the bottom of index.html:
<script>
$('#footer').hide();
</script>
2) Then on successful login:
LoginViewModel = kendo.data.ObservableObject.extend({
isLoggedIn: false,
onLogin: function () {
// removed verification code
that.set('isLoggedIn', true);
$('#footer').show();
},
All good so far. However, I want to hide the footer again on logout, but no matter what I try, the footer won't be hidden!
onLogout: function () {
// This doesn't work
var ele = document.getElementById("footer");
ele.style.display = "none";
// Neither does this
$('#footer').addClass("changeFooter");
// Nope, nor this
$('#footer').hide();
// Do other stuff relating to the logout
},
Does anyone have any pointers for me?
Thanks,
Stewart