Behavior UniCalendarPanel

[Garry]

Hello

I used following code to create events on calendars, i expected 10 events to be created but i see only FOUR events(Meeting1 to Meeting4) on the calendar.

what is wrong? am i missing any thing?

 

Thanks

 

procedure TMainForm.UniButton3Click(Sender: TObject);
var
 E : TUniCalendarEvent;
 i : integer;
begin
 UniCalendar1.Date:=Date;
 UniCalendarPanel1.StartDate:=Date;
 while (UniCalendarPanel1.Events.Count >0) do
             UniCalendarPanel1.Events.Item[0].Destroy;
 for I := 1 to 10 do
 begin
   E:=UniCalendarPanel1.Events.Add;
   E.CalendarId:=i;
   E.Title:='Meeting' +IntTostr(i);
   E.StartDate:=EncodeDateTime(yearof(Now),monthof(now),DayOf(now),8+i,0,0,0);
   E.EndDate:= EncodeDateTime(yearof(Now),monthof(now),DayOf(now),8+i,30,0,0);
 end;
end;

[Garry]

Any help on this issue?

[aln02]

To css going complete with UNIGUI there is a definition only for the 4th CalendarID.

It is possible to add additional in servermodule.customCSS

For example the description for seven calendarId:

 

/* --------------------------------

calendar ---------------------------*/

.ext-color-1,

.ext-ie .ext-color-1-ad,

.ext-opera .ext-color-1-ad {

color: #306da6;

}

.ext-cal-day-col .ext-color-1,

.ext-dd-drag-proxy .ext-color-1,

.ext-color-1-ad,

.ext-color-1-ad .ext-cal-evm,

.ext-color-1 .ext-cal-picker-icon,

.ext-color-1-x dl,

.ext-color-1-x .ext-cal-evb {

background: #306da6;

}

.ext-color-1-x .ext-cal-evb,

.ext-color-1-x dl {

border-color: #29527A;

}

 

.ext-color-2,

.ext-ie .ext-color-2-ad,

.ext-opera .ext-color-2-ad {

color: #86a723;

}

.ext-cal-day-col .ext-color-2,

.ext-dd-drag-proxy .ext-color-2,

.ext-color-2-ad,

.ext-color-2-ad .ext-cal-evm,

.ext-color-2 .ext-cal-picker-icon,

.ext-color-2-x dl,

.ext-color-2-x .ext-cal-evb {

background: #86a723;

}

.ext-color-2-x .ext-cal-evb,

.ext-color-2-x dl {

border-color: #711616;

}

.ext-color-3,

.ext-ie .ext-color-3-ad,

.ext-opera .ext-color-3-ad {

color: #b6a980;

}

.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: #b6a980;

}

.ext-color-3-x .ext-cal-evb,

.ext-color-3-x dl {

border-color: #8C500B;

}

 

.ext-color-4,

.ext-ie .ext-color-4-ad,

.ext-opera .ext-color-4-ad {

color: #aa00aa;

}

.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;

}

 

.ext-color-5,

.ext-ie .ext-color-5-ad,

.ext-opera .ext-color-5-ad {

color: #00D9FF;

}

.ext-cal-day-col .ext-color-5,

.ext-dd-drag-proxy .ext-color-5,

.ext-color-5-ad,

.ext-color-5-ad .ext-cal-evm,

.ext-color-5 .ext-cal-picker-icon,

.ext-color-5-x dl,

.ext-color-5-x .ext-cal-evb {

background: #00D9FF;

}

.ext-color-5-x .ext-cal-evb,

.ext-color-5-x dl {

border-color: #000077;

}

 

.ext-color-6,

.ext-ie .ext-color-6-ad,

.ext-opera .ext-color-6-ad {

color: #FF0000;

}

.ext-cal-day-col .ext-color-6,

.ext-dd-drag-proxy .ext-color-6,

.ext-color-6-ad,

.ext-color-6-ad .ext-cal-evm,

.ext-color-6 .ext-cal-picker-icon,

.ext-color-6-x dl,

.ext-color-6-x .ext-cal-evb {

background: #FF0000;

}

.ext-color-6-x .ext-cal-evb,

.ext-color-6-x dl {

border-color: #007777;

}

 

.ext-color-7,

.ext-ie .ext-color-7-ad,

.ext-opera .ext-color-7-ad {

color: #168F6F;

}

.ext-cal-day-col .ext-color-7,

.ext-dd-drag-proxy .ext-color-7,

.ext-color-7-ad,

.ext-color-7-ad .ext-cal-evm,

.ext-color-7 .ext-cal-picker-icon,

.ext-color-7-x dl,

.ext-color-7-x .ext-cal-evb {

background: #168F6F;

}

.ext-color-7-x .ext-cal-evb,

.ext-color-7-x dl {

border-color: #070707;

}

[Ronak]

Hello,

 

just maintain the E.CalendarId up to 4 do not exceed it to 5 or more,

 

i.e. E.CalendarId betw 1..4