Cur appointment height

5 posts, 0 answers
  1. Segev
    Segev avatar
    27 posts
    Member since:
    Sep 2010

    Posted 28 Jan 2014 Link to this post

    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.
  2. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 29 Jan 2014 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Segev
    Segev avatar
    27 posts
    Member since:
    Sep 2010

    Posted 30 Jan 2014 Link to this post

    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'. 
  5. Segev
    Segev avatar
    27 posts
    Member since:
    Sep 2010

    Posted 30 Jan 2014 Link to this post

    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.
  6. Magdalena
    Admin
    Magdalena avatar
    421 posts

    Posted 31 Jan 2014 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017