Announcement

Collapse
No announcement yet.

does anybody know how to change the color scheme of a calendar

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • does anybody know how to change the color scheme of a calendar

    HI there,

    does anybody know how to change the color scheme of a calendar? there is no option in the css layout, so you can't change it there.

  • #2
    It's based upon the open-source jquery calendar component. May be you will find your answer there.(https://fullcalendar.io/)
    Albert Drent
    aducom software netherlands
    scriptcase partner, reseller, support and (turn-key) development
    www.scriptcase.eu / www.scriptcase.nl

    Comment


    • #3
      Thanks!
      Yeah, I already saw that. there is some nice coding over there but it does't affect the calendar in scriptcase.

      Comment


      • #4
        what do you mean by changing color sheme? color of the events or color buttons/background/, or what exactly?

        Comment


        • #5
          the colors of the calendar itself. like the borders, buttons and the column where the days or months are in. it is now grey and i would like to use some corporate colors in it

          Comment


          • #6
            use css

            .fc-view-container for all day-blocks
            .fc-day: all day except datenumber
            fc-wed: for all wednesdays
            fc-month-button: for monthview
            fc-view-container + bordersetting to draw border around calendar

            etc

            use inspector to get classname

            Comment


            • #7
              i'm not such a hero with css... i'll give it a try. thanks

              Comment


              • #8
                Well. thats not as easy as it sounds. When changing the css the small calender also changes but not entirely. The text stays black and when changing it the numbers also change.... any suggestion.

                Comment


                • #9
                  try another class or use an id to change the css

                  HTML Code:
                  #id{color: white;}
                  .icss{color: white;}

                  Comment

                  Working...
                  X