CalendarPanel Event back color

[bahry]

Hi,

How can I change the event back color, like the attached picture.

 

 

Regards 

 

[Sherzod]

Hi,

 

You can analyze this demo:

 \FMSoft\Framework\uniGUI\Demos\Desktop\CalendarPanel

UniCalendar -> Calendars property

 

and

 

UniServerModule -> CustomCSS:

 

for example for CalendarID=4

.ext-color-4,
.ext-ie .ext-color-4-ad,
.ext-opera .ext-color-4-ad {
    color: #aa00aa;
    background: #xxxxxx; <------------------------
}
.ext-cal-day-col .ext-color-4,
.ext-dd-drag-proxy .ext-color-4,
.ext-color-4-ad,
.ext-color-4-ad .ext-cal-evm,
.ext-color-4 .ext-cal-picker-icon,
.ext-color-4-x dl,
.ext-color-4-x .ext-cal-evb {
    background: #aa00aa;
}
.ext-color-4-x .ext-cal-evb,
.ext-color-4-x dl {
    border-color: #007700;
}

Best regards.

[mhmda]

You can use this: http://forums.unigui.com/index.php?/topic/2553-calendar-events-color/

[bahry]

Hi,

Actually I copy the CalendarPanel from the example and also copied the CSS and put it in UniServerModule -> CustomCSS:

but nothing changed, and the background remained white and even the fonts is white.

 

Regards

 

Hi,

 

You can analyze this demo:

 \FMSoft\Framework\uniGUI\Demos\Desktop\CalendarPanel

UniCalendar -> Calendars property

 

and

 

UniServerModule -> CustomCSS:

 

for example for CalendarID=4

.ext-color-4,
.ext-ie .ext-color-4-ad,
.ext-opera .ext-color-4-ad {
    color: #aa00aa;
    background: #xxxxxx; <------------------------
}
.ext-cal-day-col .ext-color-4,
.ext-dd-drag-proxy .ext-color-4,
.ext-color-4-ad,
.ext-color-4-ad .ext-cal-evm,
.ext-color-4 .ext-cal-picker-icon,
.ext-color-4-x dl,
.ext-color-4-x .ext-cal-evb {
    background: #aa00aa;
}
.ext-color-4-x .ext-cal-evb,
.ext-color-4-x dl {
    border-color: #007700;
}

Best regards.

[bahry]

 Hi,

I used it and it changes the font color, but I need to change the back color, and let the user changed the Back color according to choosed Calendar

 

Regards

 

You can use this: http://forums.unigui.com/index.php?/topic/2553-calendar-events-color/

[mhmda]

You can use css "#", every cell has an ID, for example for cell: 05/02/2017:

#O13_id-month-day-20170205 {
 background-color:#f00 !important;
} 

013 = UniCalendarPanel1.JSName

 

so you can use #id and assign css class as the color you want.

[Sherzod]

Hi,

Actually I copy the CalendarPanel from the example and also copied the CSS and put it in UniServerModule -> CustomCSS:

but nothing changed, and the background remained white and even the fonts is white.

 

Regards

 

It should work,

then if not difficult for you, make a test case...

[bahry]

Hi,

I think the problem from my side, when I create another frame and using the same procedures it works,

so I used the new one, but till now I couldn't get the reason why it's not working in the first one.

 

Best Regards

[mhmda]

Put your project here to check it, if you can.

[bahry]

Put your project here to check it, if you can.

 

Dear Mohammad,

Very Thanks, never mind as long as it is working now, I will check it later to learn from my mistake.

 

Best Regards