Jump to content

Calendar Panel


picyka

Recommended Posts

2 hours ago, Sherzod said:

Olá,

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

image.thumb.png.f3fd21c751bd5106499e60bc066aeb5d.png

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

Link to comment
Share on other sites

  • 4 months later...
  • 1 month later...

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

 koko.png.01428da4f30d4d7564c8e94313c55cd3.png

 

  • Like 1
  • Thanks 1
Link to comment
Share on other sites

Please sign in to comment

You will be able to leave a comment after signing in



Sign In Now
×
×
  • Create New...