Skip to Content
avatar image
Former Member

How to apply Custom CSS for Calendar(sap.me.Calendar)

Calendar block ,inside that calendar block ,for every block has a box ,how to put inside that block

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Apr 25, 2017 at 02:17 PM

    Hi Haripriya,

    First of all add the style class to your calendar control

    <me:Calendar class = "customCalendarClass" />

    than in style.css add the css to add background color per block date

    .customCalendarClass.sapMeCalendarApproval>.sapMeCalendarMonth>div.sapMeCalendarMonthDays>.sapMeCalendarMonthDay {background: green}

    thanks

    Viplove

    Add comment
    10|10000 characters needed characters exceeded

    • Former Member

      hi khushalani,

      thanks for your rply, as you told we have created a class for the control .bt i need to know .how you define this..

      .sapMeCalendarApproval>.sapMeCalendarMonth>div.sapMeCalendarMonthDays>.sapMeCalendarMonthD....

      could you please explain with brief