This is a migrated thread and some comments may be shown as answers.

Cur appointment height

4 Answers 127 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Segev
Top achievements
Rank 1
Segev asked on 28 Jan 2014, 11:27 AM
Hi,

I'm using RadScheduler with document mode of IE9.
Each appointment is cut, with the height of its containing <td>, and not the height by its duration.

If I change to IE7 document mode, it looks OK.

If I'm on IE9 mode, but removing {position: relative} from the class .rsWrap, the height is OK, but the width is now all over the week, and not over one day.

Screenshots attached for every scenarios.
I'm using version 2013.2.717.40.

Thanks,
Guy.

4 Answers, 1 is accepted

Sort by
0
Magdalena
Telerik team
answered on 29 Jan 2014, 11:41 AM
Hi Segev,

Thank you for contacting Telerik support.

I have noticed that you are using a custom skin. Could you please provide me the CSS of that layout so I can test it locally and find solution for your case?

I am looking for your reply.

Regards,
Magdalena
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
0
Segev
Top achievements
Rank 1
answered on 30 Jan 2014, 07:22 AM
Hi Magdalena,

It happens also with the Default skin.
Screenshot attached.

Thanks.

* Can you please edit the title of the post? I accidentally wrote 'Cur' instead of 'Cut'. 
0
Segev
Top achievements
Rank 1
answered on 30 Jan 2014, 07:49 AM
I have a workaround.
Please tell me what do you think.

In the css:
.RadScheduler_HPX .rsWrap
{
     position: absolute;
     height: auto;
}

In the markup:
OnClientAppointmentsPopulated="onClientAppointmentsPopulated"

In the js:
function onClientAppointmentsPopulated() {
    var timeslots = $('.rsWrap');
    timeslots.each(function (index, elem) {
        {
            var tdWidth = $(elem).parent().width();
            elem.style.width = tdWidth + 'px';
        }
    });
}

The js solves the problem of the width that you can see on the attachment called 'IE9 without relative'.

Thanks,
Guy.
0
Magdalena
Telerik team
answered on 31 Jan 2014, 09:41 AM
Hello Guy,

Thank you for the image that you have provided.

 I have noticed that there are applied some additional stylesheets to the RadScheduler that is on the screenshot. I am sending you the image of the Default skin for your reference to see the differences in the layouts. It is quite hard to specify what exactly is the reason of the issue without the applied CSS. Could you please provide me a runnable project where the issue is reproduced? If you have any difficulty in isolating the project, I would recommend to check out this article.

Regards,
Magdalena
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the UI for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Scheduler
Asked by
Segev
Top achievements
Rank 1
Answers by
Magdalena
Telerik team
Segev
Top achievements
Rank 1
Share this question
or