Calendar Panel

[picyka]

Sorry if I'm blind,

I couldn't find the property,

where I can set the time interval on the calendar,

today is 30 minutes

[Sherzod]

13 minutes ago, picyka said:

I couldn't find the property,

Hello,

There is no such property.

[Sherzod]

11 hours ago, picyka said:

where I can set the time interval on the calendar,

today is 30 minutes

I will try to check.

[Sherzod]

On 7/1/2022 at 12:21 AM, picyka said:

where I can set the time interval on the calendar,

today is 30 minutes

Hello,

I assume that this is not fully implemented in ExtJS itself.

[picyka]

2 hours ago, Sherzod said:

Olá,

Presumo que isso não esteja totalmente implementado no próprio ExtJS.

this is strange, right, there should be an option to define this range in ExtJs itself

[kkelchev]

Hi, any progress with this ?

I can't believe than it is impossible to change vertical(time) resolution.

Our customer scheduler looks like this ......

Thanks 

[Sherzod]

Hello,

21 minutes ago, kkelchev said:

any progress with this ?

On 7/3/2022 at 8:04 PM, Sherzod said:

I assume that this is not fully implemented in ExtJS itself.

 

[kkelchev]

Hi , I found solution for this case. Here is it:

In MainForm in UniFormCreate via  UniSession.AddJS(....) I send this to browser. It just change CSS height property;

Values 63.00px and 31.50px is calculated as:

 42*need_Height_factor (in my case 1.5) = 63px and

 21 * need_Height_factor (in my case 1.5) = 31.5px

need_Height_factor could be any number 2,2.5...  it depens form theme in my case uni_win10

$("<style type='text/css'> .x-calendar-days .x-calendar-days-time{height:  63.00px;} </style>").appendTo("head");
$("<style type='text/css'> .x-calendar-days .x-calendar-days-marker{height:63.00px;} </style>").appendTo("head");
$("<style type='text/css'> .x-calendar-days .x-calendar-days-marker-alt{height:31.50px;} </style>").appendTo("head");
$("<style type='text/css'> .x-calendar-days .x-calendar-days-marker-alt{height:31.50px;} </style>").appendTo("head");

rounded event rect could be done with

$("<style type='text/css'> .x-calendar-event{border-radius:5px;} </style>").appendTo("head");

Here is the result