RadScheduler control grows but doesn't shrink.

[Karl]

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?

[Boyan Dimitrov]

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

[Mercell]

Any news on this? Have you fixed it? I have the same problem.

[Boyan Dimitrov]

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

[Marbry]

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.

[Karl]

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.