[Solved] Hide MVC Calendar Navigation Header

[Todd]

Is it possible to hide the MVC Calendar nav header? To be specific, I want to show the Month/Year, but I want to hide the previous and next buttons. Any help is greatly appreciated.

[Demon]

Hi,

you can use CSS for that:

.t-calendar .t-header .t-icon
{
    visibility: hidden;
}

If you want to hide the navigation of a specific Calendar instance only, use the instance ID instead of the .t-calendar CSS class in the selector.

[Todd]

Just in case others need this, I added the following to the site.master page to hide just the navigation arrows in the MVC Calendar header:

 

 

 

<style>
#calendar1 .t-icon
{
     visibility:hidden;
}
#calendar2 .t-icon
{
     visibility:hidden;
}
</style>

Thanks for the reply. Blessings to you in JESUS name!