QCalendar renders outside QPanel

hi, i have a qform with 2 qpanels, in one of them i show a qcalendar control but it render outside the qpanel, in the bottom of the qform.

What could it be? any suggestions?

thnx for the reply enzo, i think got the problem...
it's strange... the panel have a scroll and the qcalendar shows at the right place but when the control is hidden down the panel the calendar appears at the initial place of the control in the form and not at the place when i hit the button

if i render the qcalendar in the top of the panel it's all OK, the problem is when render exeeding the panel height

it's strange to explain, hope you understand me

I see this behaviour when I try to use QCalendar in QPanels.

The calendar dialog box shows up in a completely different place than it should (right beside the QDateTimeTextBox on my QPanel).

The offending code is this in calendar.js:

        objControl.showCalendar = function() {
            var strPositionArray = this.wrapper.getAbsolutePosition();
            this.calendarPane.style.left = this.offsetLeft + "px";
            this.calendarPane.style.top = this.offsetTop + "px";
            this.calendarPane.style.position = "absolute";
            this.calendarPane.style.zIndex = 10;
            this.calendarPane.style.display = "block";
            this.drawCalendar(0, 0);
        };

this.offsetLeft & this.offsetTop values are meant to be relative to the upper left-hand corner of the QPanel.  However, they are taken to be relative to the upper left-hand corner of the entire page.

That explains why the calendar shows up somewhere unexpected.  However, as i'm not a js expert, i'm not exactly sure how to fix this.

James

This patch seems to have made it into the QCubed fork. However, it doesn't seem to work for everything.

I've got quite a few Dialog Boxes which contain QCalendars. They render exactly the number of pixels low and right as the distance between the top left corner of the browser window the top left corner of the Dialog Box.

To fix it, in the calendar.js, I've replaced:

This:

var strPositionArray = this.wrapper.getAbsolutePosition();
this.calendarPane.style.left = strPositionArray['x'] + "px";
this.calendarPane.style.top = strPositionArray['y'] + "px";

with this:

this.calendarPane.style.left = this.dateTimeTextBox.wrapper.offsetLeft + "px";
this.calendarPane.style.top = this.dateTimeTextBox.wrapper.offsetTop + this.dateTimeTextBox.offsetHeight + "px";

Caveats:
- I have only tested this to work in the most recent Safari and Firefox.
- This doesn't fix the underlying problem with getAbsolutePosition, which seems to be including the position of some wrapper element it shouldn't.
- This doesn't fix the problem of the QCalendar staying in the same relative place in the browser window if the user resizes when the QCalendar is Visible.
- This needs to be fixed in several places if you use Shannon Pekary's QDateTimeComposite. (http://www.qcodo.com/downloads/item.php/192)