Set calendar position trough XML

Is there a way to set the position of calendar trough XML.
Currently the calendar in the grid opens at the right side of the field. But at the bottom of the screen the calender is party outside the screen. So I want to open the calendar at the top of the field.

Hello
There is no approach to set in xml, but you can set it according to the next logic:

mygrid.attachEvent("onCalendarShow", function(myCal,rId,colInd){ var cell = this.editor.cell; var pos = this.getPosition(cell); myCal.setPosition(pos[0],pos[1]-217) })

That’s exactly what I want :slight_smile: .

But now the calendar is placed behind the tabbar as you can see in the attached screenshot.


Sorry, try +217, not minus

Then the calendar is shown (I guess 217 pix) under the field instead of above it.

Sorry, can you provide an image example where exactly you want it to appear?
Anyway you can manually pick up your suitable value to set right calendar position

This is how the calendar should be shown when I set him on top of the field.


If you don’t use iframes, it seems like z-index issue
Try to increase z-index of calendar div:

.dhtmlxcalendar_container { z-index: 1999999999999; }
But if you use iframes, it will be impossible to achieve the calendar over the frame

Increasing the z-index doesn’t make any sense.

We are using the following line to set the content of the tabbar:
tabbar.setContentHref(theid, theurl);

I guess this line uses iFrames?

Yep… Exactly!
Therefore try don’t use it or replace calendar somewhere else.