Xamarin.iOS Documentation | ComponentOne
Controls / Calendar / Features / Customizing Header
In This Topic
    Customizing Header
    In This Topic

    The C1Calendar control shows a default header that displays the current month or year and navigation buttons. However, users can hide or remove the default header by setting the ShowHeader property to No, and apply a custom header.

    The following image shows a C1Calendar with a custom header.

    The following code example shows how to apply a custom header to the C1 control in C#. The example uses the sample created in the Quick Start.

    1. Replace the content of the ViewController.cs file with the code given below.
      C#
      Copy Code 
      using C1.iOS.Calendar;
using CoreGraphics;
using Foundation;
using System;
using UIKit;

namespace CalendariOS
{
    public partial class ViewController : UIViewController
    {
        C1Calendar Calendar = new C1Calendar();
        public ViewController(IntPtr handle) : base(handle)
        {
        }
        public override void ViewDidLoad()
        {
            base.ViewDidLoad();

            var model = new ViewModePickerViewModel(async row =>
            {
                switch (row)
                {
                    case 0:
                        await Calendar.ChangeViewModeAsync(CalendarViewMode.Month);
                        break;
                    case 1:
                        await Calendar.ChangeViewModeAsync(CalendarViewMode.Year);
                        break;
                    case 2:
                        await Calendar.ChangeViewModeAsync(CalendarViewMode.Decade);
                        break;
                }
            });
            ViewModePicker.Model = model;
            Calendar.ViewModeChanged += OnViewModeChanged;
            Calendar.DisplayDateChanged += OnDisplayDateChanged;
            UpdateHeaderLabel();
        }

        async partial void TodayButton_TouchUpInside(UIButton sender)
        {
            await Calendar.ChangeViewModeAsync(CalendarViewMode.Month, DateTime.Today);
            Calendar.SelectedDate = DateTime.Today;
        }

        private void OnViewModeChanged(object sender, EventArgs e)
        {
            switch (Calendar.ViewMode)
            {
                case CalendarViewMode.Month:
                    ViewModePicker.Select(0, 0, true);
                    break;
                case CalendarViewMode.Year:
                    ViewModePicker.Select(1, 0, true);
                    break;
                case CalendarViewMode.Decade:
                    ViewModePicker.Select(2, 0, true);
                    break;
            }
        }

        private void OnDisplayDateChanged(object sender, EventArgs e)
        {
            UpdateHeaderLabel();
        }

        private void UpdateHeaderLabel()
        {
            HeaderLabel.Text = Calendar.DisplayDate.ToString("Y");
        }

        public class ViewModePickerViewModel : UIPickerViewModel
        {
            Action<nint> _selected;
            public ViewModePickerViewModel(Action<nint> selected)
            {
                _selected = selected;
            }

            public override nint GetComponentCount(UIPickerView picker)
            {
                return 1;
            }

            public override nint GetRowsInComponent(UIPickerView picker, nint component)
            {
                return 3;
            }

            public override string GetTitle(UIPickerView picker, nint row, nint component)
            {
                switch (row)
                {
                    default:
                    case 0:
                        return NSBundle.MainBundle.LocalizedString("Month View", "");
                    case 1:
                        return NSBundle.MainBundle.LocalizedString("Year View", "");
                    case 2:
                        return NSBundle.MainBundle.LocalizedString("Decade View", "");
                }
            }

            public override void Selected(UIPickerView pickerView, nint row, nint component)
            {
                _selected(row);
            }
        }
    }
}