RadScheduler control grows but doesn't shrink.

6 posts, 0 answers
  1. Karl
    Karl avatar
    172 posts
    Member since:
    Sep 2010

    Posted 25 Feb 2013 Link to this post

    I've started working on an ASP.Net version of a winforms control we have written which uses the RadScheduler control.

    The idea of this is to show events and consultants in a timeline view. The scheduler is to take up the entire width of the web page, apart from a section to the right hand side of the scheduler, where a set sized column (300px) shows a calendar and a number of labels that get updated when a user clicks on an event in the scheduler.

    In the Winforms control, when the form is resized, then the scheduler control also resizes and I am trying to replicate this in the ASP.Net page. However, the control grows if I make the page wider by resizing the browser, but will not shrink if I make the page narrower (again, by resizing the browser).

    Is this by design or is there a setting i need to set to allow the control to shrink as well as grow when a browser resizes the page?
  2. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 28 Feb 2013 Link to this post

    Hello,

    Thank you for contacting Telerik Support.

    Since I am not able to reproduce the described issue, could you please send us a simplified and runnable page that replicates that behavior? This way I will be able to inspect that behavior at my side and be more helpful.

    Looking forward to your reply.

    Regards,
    Boyan Dimitrov
    the Telerik team
    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 RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  3. Mercell
    Mercell avatar
    33 posts
    Member since:
    Nov 2006

    Posted 12 Mar 2013 Link to this post

    Any news on this? Have you fixed it? I have the same problem.
  4. Boyan Dimitrov
    Admin
    Boyan Dimitrov avatar
    2062 posts

    Posted 15 Mar 2013 Link to this post

    Hello,

    As I mentioned in my last response, sharing a simple markup code that will replicate the described behavior will be very helpful. This way we can be able to reproduce and inspect that behavior locally.

    Kind regards,
    Boyan Dimitrov
    the Telerik team
    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 RadControls for ASP.NET AJAX, subscribe to their blog feed now.
  5. Marbry
    Marbry avatar
    123 posts
    Member since:
    Aug 2012

    Posted 15 Mar 2013 Link to this post


    Try something like this as the body onresize event handler.  In this case "divOuterCriteria" is just a separate section I have above the scheduer for the user to select filter criteria, but you get the idea.

    function ResizeScheduler()
    {
        var sched = $find( "<%= scheduler.ClientID %>" );
     
        if (sched != null)
        {
            var objRef = document.getElementById("divOuterCritera");
            sched.set_height(($telerik.$(document).height() - objRef.offsetHeight - 2) + "px");
        }
    }

    ETA - I don't have any problem with width, it adjusts automatically.  Is your scheduler width set to 100%?  You may need to put it in a containing HTML wrapper and let it fill that.  You might play around with some of the settings like NumberOfSlots and what not, I seem to remember some of those affecting that too.
  6. Karl
    Karl avatar
    172 posts
    Member since:
    Sep 2010

    Posted 25 Mar 2013 Link to this post

    I actually got this working, and the issue was my fault.

    The RadScheduler - as I understand it - only resizes correctly if it's put in divs rather than tables, which is what I'd been trying to use while being lazy when trying to set my page column widths.

    I've now rebuitl the page using CSS and not using tables at all, and without any work to the RadScheduler, it now resizes as I'd expect it to.

    Thanks for all your help.

Back to Top