[CLOSED] Is it possible to change default calendar colors?

  1. #1

    [CLOSED] Is it possible to change default calendar colors?

    Hi,

    I would like to change default color codes in the calendars. Is it possible to change? if yes please let me know where to change?
  2. #2
    All colors are set via css rules. Therefore if you need to change some color then use FireBug or Fiddler to invsetigate which rules are applied to an element. After that you can change css rule as required

    For example, in the following example are shown how to set fourth color group
    https://examples1.ext.net/#/Calendar/Overview/Basic/

    You can use the same rules to change color for first three color groups (just replae '4' by '1', '2', or '3' in css selectors)
  3. #3

    Is it possible to change default calendar colors?

    Hi Vladimir,

    Thank you. I suppose to ask to change default colors of Calendar type means in GroupStore1 the colors assigned for each Group. I would like to change those default colors. Where those color codes available to change?

    Quote Originally Posted by Vladimir View Post
    All colors are set via css rules. Therefore if you need to change some color then use FireBug or Fiddler to invsetigate which rules are applied to an element. After that you can change css rule as required

    For example, in the following example are shown how to set fourth color group
    https://examples1.ext.net/#/Calendar/Overview/Basic/

    You can use the same rules to change color for first three color groups (just replae '4' by '1', '2', or '3' in css selectors)
  4. #4
    As I said in previous post, use css rules from the example to change group colors, just replace index '4' to any required (and replace color of course)

    So, if you have
    <ext:Group CalendarId="3" Title="School" />
    Then css rules can be
    <style type="text/css">
            .ext-color-3,
            .ext-ie .ext-color-3-ad,
            .ext-opera .ext-color-3-ad {
    	        color: navy;
            }
            .ext-cal-day-col .ext-color-3,
            .ext-dd-drag-proxy .ext-color-3,
            .ext-color-3-ad,
            .ext-color-3-ad .ext-cal-evm,
            .ext-color-3 .ext-cal-picker-icon,
            .ext-color-3-x dl,
            .ext-color-3-x .ext-cal-evb {
    	        background: navy;
            }
            .ext-color-3-x .ext-cal-evb,
            .ext-color-3-x dl {
                border-color: navy;
            }
    </style>
  5. #5

    Is it possible to change default calendar colors?

    Hi,

    Vladimir, thank you. The css got modified to support my required colors.

    Quote Originally Posted by Vladimir View Post
    As I said in previous post, use css rules from the example to change group colors, just replace index '4' to any required (and replace color of course)

    So, if you have
    <ext:Group CalendarId="3" Title="School" />
    Then css rules can be
    <style type="text/css">
            .ext-color-3,
            .ext-ie .ext-color-3-ad,
            .ext-opera .ext-color-3-ad {
    	        color: navy;
            }
            .ext-cal-day-col .ext-color-3,
            .ext-dd-drag-proxy .ext-color-3,
            .ext-color-3-ad,
            .ext-color-3-ad .ext-cal-evm,
            .ext-color-3 .ext-cal-picker-icon,
            .ext-color-3-x dl,
            .ext-color-3-x .ext-cal-evb {
    	        background: navy;
            }
            .ext-color-3-x .ext-cal-evb,
            .ext-color-3-x dl {
                border-color: navy;
            }
    </style>

Similar Threads

  1. Replies: 4
    Last Post: Jul 25, 2013, 8:51 AM
  2. Replies: 2
    Last Post: May 21, 2012, 1:23 PM
  3. Replies: 0
    Last Post: Jan 13, 2012, 2:33 PM
  4. [CLOSED] How to change ext.net default font to another like (Lucida sans)?
    By legaldiscovery in forum 1.x Legacy Premium Help
    Replies: 1
    Last Post: Aug 06, 2011, 2:53 PM
  5. How to change HtmlEditor default color.
    By speedstepmem3 in forum 1.x Help
    Replies: 3
    Last Post: Sep 29, 2009, 7:12 AM

Tags for this Thread

Posting Permissions