MVC5 Classic
Hide the Header Bar

By default, thewijeventscalendardisplays a header bar at the top of the control. The Header bar contains tabs for the calendar views, allowing you to change the current view at run time. You can disable the Header bar by setting theheaderBarVisibleoption to False.

  1. Create an C1 ASP.NET MVC 5 Web Application.
  2. In the Solution Explorer, expand the Views | Shared folder and double-click _Layout.cshtml to open the file.
  3. After the last closing </script> tag  in the references, enter the following jQuery script to initialize the wijeventscalendar widget and set the headerBarVisible option.
    <script type="text/javascript">
            $(document).ready(function () {
                $("#eventscalendar").wijevcal({
                    headerBarVisible: false
                });
            });
           </script>
    
  4. When you run the application, the events calendar will look similar to the following image. Notice the Header bar is missing.

 

 


Copyright (c) GrapeCity, inc. All rights reserved.

Product Support Forum |  Documentation Feedback