Display Date Header with custom styles.

8 posts, 3 answers
  1. Henry
    Henry avatar
    44 posts
    Member since:
    Feb 2013

    Posted 13 Feb 2013 Link to this post

    Hi folks,

    I'd like to show the today's date heading in a different style in the RadSchedulers Day view. I want to make it bold, align to the middle and change its color. Is it possible?

    Thanks
    Henry.
  2. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 13 Feb 2013 Link to this post

    Hi,

    Try the following CSS.
    CSS:
    .RadScheduler .rsHeader h2
    {
                font-weight:bold !important;
                color:Red !important;
                 text-align:center !important;
    }

    Thanks,
    Princy
  3. Henry
    Henry avatar
    44 posts
    Member since:
    Feb 2013

    Posted 14 Feb 2013 Link to this post

    Thanks Princy, it worked like a charm. I have another requirement that I want to style the appointment ex. I want to give border to the appointment and change the font-weight, color and size of the Subject text.

    Thanks in Advance,
    Henry.
  4. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 14 Feb 2013 Link to this post

    Hi Henry,

    Try overriding the default CSS as follows:

    CSS:
    <style type="text/css">
        .rsAptContent
        {
            color: red !important;
            font-size: 10px !important;
            font-weight: bold !important;
            border: 1px solid red !important;
            left: -1px !important;
            right: -1px !important;
        }
    </style>

    Thanks,
    Princy.
  5. JC
    JC avatar
    30 posts
    Member since:
    Feb 2013

    Posted 15 Feb 2013 Link to this post

    Hi,

    Is it possible to add a background image to the appointment of the RadScheduler? I want to give a custom image instead of its native look and feel.

    JC.

  6. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 15 Feb 2013 Link to this post

    Hi JC,

    You can add a custom background image to the RadScheduler Appointment. Please try the following CSS to accomplish the same.

    CSS:
    <style type="text/css">
        .RadScheduler_Default .rsAptContent
        {
            background-image: url('CustomImage.jpg') !important;
        }
    </style>

    Thanks,
    Princy.
  7. Henry
    Henry avatar
    44 posts
    Member since:
    Feb 2013

    Posted 22 Feb 2013 Link to this post

    Hi Princy,

    I want to change my mouse pointer to 'hand' when hovered over the appointment. I tried setting the CSS property cursor to hand but that didnt work out.

    Please help,
    Henry.
  8. Answer
    Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 22 Feb 2013 Link to this post

    Hello,

    Try setting the following CSS to change the pointer style.

    CSS:
    <style type="text/css">
        .rsAptContent
        {
            cursor:pointer !important;
        }
    </style>

    Thanks,
    Princy.
Back to Top