RadScheduler Misaligned on Rebind

4 posts, 0 answers
  1. Sneha
    Sneha avatar
    4 posts
    Member since:
    May 2015

    Posted 11 May 2017 Link to this post

    Hi,

    I have a Rad Scheduler in TimeLine View. It aligns well on the page load, but when we add, delete or edit appointments, the scheduler rebinds and rsVerticalHeaderWrapper div misaligns with rsContentWrapper div. 

    The first image shows the scheduler as aligned on PageLoad.

    I deleted the appointment "remove block" and the scheduler rebinds which now misaligned the Scheduler as shown in the second image.

    Please suggest.

    Thanks in Advance.

  2. Sneha
    Sneha avatar
    4 posts
    Member since:
    May 2015

    Posted 12 May 2017 in reply to Sneha Link to this post

    Hi,

    Can anyone please reply to this post asap. This is urgent.

    The telerik dll version we are using is 2015.2.729.45.

    The styles applied are as below:

    <style type="text/css">
                .rsAdvancedEdit {
                    top: 20px !important;
                    width: 350px !important;
                    height: 420px !important;
                }

                div.RadScheduler .rsHorizontalHeaderTable, div.RadScheduler .rsContentTable, div.RadScheduler .rsAllDayTable {
                    width: /*\**/ 100%\9 !important;
                }

                * + html div.RadScheduler .rsHorizontalHeaderTable, * + html div.RadScheduler .rsContentTable, * + html div.RadScheduler .rsAllDayTable {
                    width: auto !important;
                }

                .RadScheduler .rsTopWrap tr.rsHidden {
                    display: block;
                }

                div.RadScheduler .rsVerticalHeaderTable {
                    width: auto;
                    height: 40px;
                    border-bottom-width: 0px;
                    border-right-width: 0px;
                }

                div.RadScheduler .rsMainHeader {
                    width: auto;
                    border-bottom-width: 0px;
                    border-right-width: 0px;
                }
            </style>

    Thanks in Advance.

  3. Sneha
    Sneha avatar
    4 posts
    Member since:
    May 2015

    Posted 12 May 2017 in reply to Sneha Link to this post

    Sorry. This is the style for div.RadScheduler .rsVerticalHeaderTable and div.RadScheduler .rsMainHeader :

    div.RadScheduler .rsVerticalHeaderTable, div.RadScheduler .rsMainHeader {
                    width: auto;
                    border-bottom-width: 0px;
                    border-right-width: 0px;
                }

  4. Sneha
    Sneha avatar
    4 posts
    Member since:
    May 2015

    Posted 24 May 2017 Link to this post

    Hi,

    This is urgent. Can anyone please reply to this post?

     

Back to Top