UniCalendarPanel with Vertical ScrollBar !

[Abaksoft]

Hello Experts,

I have an UniCalendarPanel, with too many  Events  in the same day  ( OK, we choose   IsallDays=True).

In actual UniCalendarPanel,  we can'nt see all Events (about 50 Appointment per Day !!! ).

Is it possible  to add a ScrollBar as shown below ?  

Or is there an other Solution ?

Big Thx.

[Sherzod]

4 hours ago, Abaksoft said:

In actual UniCalendarPanel,  we can'nt see all Events (about 50 Appointment per Day !!! ).

Hello,

We will check.

[Abaksoft]

22 minutes ago, Sherzod said:

Hello,

We will check.

Thank you Sherzod,

Otherwise, with  Event.IsAllDay:=False;

You can imagine the frustration of a secretary !!!    

 

[Sherzod]

7 hours ago, Abaksoft said:

IsallDays=True

Do you always have IsallDays = True at the moment?

[Abaksoft]

2 hours ago, Sherzod said:

Do you always have IsallDays = True at the moment?

Yes

[Sherzod]

2 hours ago, Abaksoft said:

5 hours ago, Sherzod said:

Do you always have IsallDays = True at the moment?

Yes

Perhaps one of the possible solutions at the moment.

CustomCSS:

.x-calendar-days, .x-calendar-header {
    overflow-y: scroll;
}

 

[Abaksoft]

2 hours ago, Sherzod said:

Perhaps one of the possible solutions at the moment.

CustomCSS:

.x-calendar-days, .x-calendar-header {
    overflow-y: scroll;
}

 

Oh...Perfect !

God bless you and your family

Aaaamiiiiin......

[Sherzod]

6 hours ago, Abaksoft said:

9 hours ago, Sherzod said:

Do you always have IsallDays = True at the moment?

Yes

Also for month view:

.x-calendar-days, .x-calendar-header {
    overflow-y: scroll;
}

.x-calendar-weeks-overflow-popup {
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
}

 

[Abaksoft]

25 minutes ago, Sherzod said:

Also for month view:

.x-calendar-days, .x-calendar-header {
    overflow-y: scroll;
}

.x-calendar-weeks-overflow-popup {
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
}

 

SUPER !

[Abaksoft]

13 hours ago, Sherzod said:

Hello,

We will check.

 

Sherzod, if you do not mind one setting :

How to get Order by time,  with differents Colors ?

 

UniCalendarPanel, Order naturally the Events, by their timing OK.

It seems that, when using CalendarID, the history change !

(CalendarID is using only for colors).

 

Can you please have a look ?

Many Thx.

Order_ByTime.7z

[Sherzod]

OK I will check.

[Abaksoft]

On 5/15/2020 at 1:28 PM, Sherzod said:

OK I will check.

Good morning Sherzod,

Any news ?

To resume :   

1- Order  by DateTime  ASC

2- with different Colors

3- ISAllDay := True

 

Event 1  [10:00 -> 10:20]       (Color 1)

Event 2  [10:20 -> 10:30]       (Color 2)

Event 3  [10:30 -> 10:40]       (Color 3)

etc...

Many Thx...

[Sherzod]

4 minutes ago, Abaksoft said:

To resume :   

1- Order  by DateTime  ASC

2- with different Colors

3- ISAllDay := True

Event 1  [10:00 -> 10:20]       (Color 1)

Event 2  [10:20 -> 10:30]       (Color 2)

Event 3  [10:30 -> 10:40]       (Color 3)

etc...

Hello,

Yes, I remember...

At the moment, I could not solve the problem on the client side, the sequence comes from the server side ...

I will open a ticket in the support portal.

[Abaksoft]

24 minutes ago, Sherzod said:

Hello,

Yes, I remember...

At the moment, I could not solve the problem on the client side, the sequence comes from the server side ...

I will open a ticket in the support portal.

Thank you

[Sherzod]

9 hours ago, Abaksoft said:

Event 1  [10:00 -> 10:20]       (Color 1)

Event 2  [10:20 -> 10:30]       (Color 2)

Event 3  [10:30 -> 10:40]       (Color 3)

etc...

Hello,

Can you try to use this approach for now?:

procedure TMainForm.UniFormReady(Sender: TObject);
begin
  with UniCalendarPanel1 do
    JSInterface.JSCall('calendarStore.eventSource.sorters.addSort', [JSControl.JSObject('direction:"ASC", property:"id"')]);
end;

 

[Abaksoft]

21 minutes ago, Sherzod said:

Hello,

Can you try to use this approach for now?:

procedure TMainForm.UniFormReady(Sender: TObject);
begin
  with UniCalendarPanel1 do
    JSInterface.JSCall('calendarStore.eventSource.sorters.addSort', [JSControl.JSObject('direction:"ASC", property:"id"')]);
end;

 

You really are a Maestro !

Thank you So MUCH .

[Abaksoft]

And for those who are using IsAllDay, and would be interested,

We found a way to hide times on the left side (as ShowTime = False  has no effect).

by setting ;

DayTimeRange   and   WeekTimeRange :     From 00:00:01    to    00:00:01

 

[Abaksoft]

On 5/16/2020 at 11:28 PM, Sherzod said:

Hello,

Can you try to use this approach for now?:

procedure TMainForm.UniFormReady(Sender: TObject);
begin
  with UniCalendarPanel1 do
    JSInterface.JSCall('calendarStore.eventSource.sorters.addSort', [JSControl.JSObject('direction:"ASC", property:"id"')]);
end;

 

 

Hello Sherzod,

This raise  a  MemoryLeaks (with FastMM4).

Maybe onDestroy some think like :   UniCalendarPanel1.JSInterface.JSCall('...deleteSort', .... );  ???

Appreciate help.

Thx.

ReadMe.txt

MemoryLeaks.7z

[Sherzod]

Ok I will check. 

[Abaksoft]

8 minutes ago, Sherzod said:

Ok I will check. 

Oups....Sorry

The problem was on FastMM4.

When I download the lates FastMM5,  all  is OK

 

[Sherzod]

Ok very good. 

[Abaksoft]

Than you again

1 minute ago, Sherzod said:

Ok very good. 

 

[Abaksoft]

1 hour ago, Sherzod said:

Ok very good. 

Sorry Sherzod,

The problem persists !

Infact when i tested with FastMM5, by  default FastMM5 is not activated. 

Can you please examine the TestCase below   MemoryLeaks.7z  with FastMM4.

Thank you.

[Sherzod]

5 minutes ago, Abaksoft said:

The problem persists !

OK, use this for now:

procedure TMainForm.UniFormReady(Sender: TObject);
begin
  with UniCalendarPanel1 do
    //JSInterface.JSCall('calendarStore.eventSource.sorters.addSort', [JSControl.JSObject('direction:"ASC", property:"id"')]);
    JSInterface.JSCode(#1'.calendarStore.eventSource.sorters.addSort({direction:"ASC", property:"id"});');
end;

 

[Abaksoft]

Ah...Super.

Now All is OK.

Thank you so much

Enjoy your meal