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.
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
0
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
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'.
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:
In the markup:
In the js:
The js solves the problem of the width that you can see on the attachment called 'IE9 without relative'.
Thanks,
Guy.
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
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
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.