This is a migrated thread and some comments may be shown as answers.

Scheduler inside Splitter does not resize on expand

4 Answers 100 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Dédé
Top achievements
Rank 1
Dédé asked on 09 Jun 2009, 04:08 PM
Hi,

I'm using a Scheduler inside a SplitPane.
Split area is divided in 3 :
  - Left : fixed size, locked
  - Middle : contains scheduler
  - Right : fixed size, can collapse/expand.

On "right" collapse, scheduler resize according to its container, but on "right" expand, it does not resize, and overlap the panel.

How can I fix this please ?

Thanks.

4 Answers, 1 is accepted

Sort by
0
Peter
Telerik team
answered on 11 Jun 2009, 02:52 PM
Hello Damien,

Can you send us the aspx code for this case?



Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Dédé
Top achievements
Rank 1
answered on 11 Jun 2009, 03:07 PM
MasterPage :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"
    <title></title
    <asp:ContentPlaceHolder ID="placeHead" runat="server" /> 
</head> 
<body class="BODY"
    <form id="form1" runat="server"
        <telerik:RadScriptManager ID="rsm" runat="server" EnablePageMethods="True" EnablePartialRendering="true" EnableScriptCombine="false" LoadScriptsBeforeUI="true" OutputCompression="Disabled" /> 
        <telerik:RadFormDecorator ID="decorator" runat="server" DecoratedControls="All" /> 
        <telerik:RadSkinManager ID="radskin" runat="server" /> 
        <telerik:RadAjaxManager ID="radAjax" runat="server" /> 
        <asp:ContentPlaceHolder ID="placeBody" runat="server" /> 
    </form> 
</body> 
</html> 

Nested MasterPage :
<asp:Content ID="Content2" ContentPlaceHolderID="placeBody" runat="server"
    <telerik:RadSplitter ID="splitGlobal" runat="server" Orientation="Vertical" FullScreenMode="true" LiveResize="true" Width="100%" Height="100%"
        <telerik:RadPane ID="panLeft" runat="server" Locked="true" Width="200px" PersistScrollPosition="true"
            <telerik:RadPanelBar ID="mainMenu" runat="server" Width="100%" Height="100%" PersistStateInCookie="true"
                <Items> 
                    <telerik:RadPanelItem runat="server" Text="Annuaire"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Item1" /> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Patient"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Item1" /> 
                            <telerik:RadPanelItem runat="server" Text="Item2" /> 
                        </Items> 
                    </telerik:RadPanelItem> 
                    <telerik:RadPanelItem runat="server" Text="Agenda"
                        <Items> 
                            <telerik:RadPanelItem runat="server" Text="Item1" /> 
                            <telerik:RadPanelItem runat="server" Text="Item2" /> 
                        </Items> 
                    </telerik:RadPanelItem> 
                </Items> 
            </telerik:RadPanelBar> 
        </telerik:RadPane> 
        <telerik:RadSplitBar ID="splitbarLeft" runat="server" CollapseMode="None" /> 
        <telerik:RadPane ID="panPage" runat="server"
            <table style="width:100%; min-width: 100px;"
                <thead> 
                    <tr> 
                        <th><asp:ContentPlaceHolder ID="placeTitle" runat="server" /></th
                    </tr> 
                </thead> 
                <tbody> 
                    <tr> 
                        <td height="100%"><asp:ContentPlaceHolder ID="placeBody" runat="server" /></td
                    </tr> 
                </tbody> 
            </table> 
        </telerik:RadPane> 
        <telerik:RadSplitBar ID="splibarRight" runat="server" CollapseMode="Backward" /> 
        <telerik:RadPane ID="panrightdata" runat="server" Width="260px" MinWidth="260" MaxWidth="260"
            <table width="100%"
                <tr> 
                    <td> 
                        <asp:LinkButton ID="lnkLogout" runat="server" Text="Fermer la session"  
                            onclick="lnkLogout_Click" /> 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        <asp:FormView ID="frmUser" runat="server" DataSourceID="srcUser"
                            <ItemTemplate> 
                                <table> 
                                    <tr> 
                                        <td><asp:Label ID="lblUserFirstName" runat="server" Text='<%# Bind("FirstName") %>' /></td
                                        <td><asp:Label ID="lblUserLastName" runat="server" Text='<%# Bind("LastName") %>' /></td
                                    </tr> 
                                </table> 
                            </ItemTemplate> 
                        </asp:FormView> 
                        [UserControl] 
                    </td> 
                </tr> 
                <tr> 
                    <td> 
                        [UserControl] 
                    </td> 
                </tr> 
            </table> 
        </telerik:RadPane> 
    </telerik:RadSplitter> 
</asp:Content> 
 

Scheduler definition :
<telerik:RadScheduler ID="schTemplate" runat="server"  
    OverflowBehavior="Scroll"  
    SelectedView="WeekView" ShowAllDayRow="False" ShowHeader="False"  
    StartInFullTime="True" AllowDelete="false" AllowEdit="false"  
    AllowInsert="false" HoursPanelTimeFormat="t" WeekColumnHeaderDateFormat="dddd" 
    MinutesPerRow="5" 
    NumberOfHoveredRows="1" RowHeight="15px" Height="550px"
    <AppointmentTemplate> 
        <asp:Panel ID="panApt" runat="server"
            <asp:MultiView ID="viewApt" runat="server" ActiveViewIndex='<%# Eval("IdAppointmentType") %>'
                <asp:View ID="viewNoType" runat="server" /> 
                <asp:View ID="viewType1" runat="server"
                    [Type1 template] 
                </asp:View> 
                <asp:View ID="viewType2" runat="server"
                    [Type2 template] 
                </asp:View> 
                <asp:View ID="viewType3" runat="server"
                    [Type3 template] 
                </asp:View> 
            </asp:MultiView> 
        </asp:Panel> 
    </AppointmentTemplate> 
    <WeekView ColumnHeaderDateFormat="dddd" /> 
</telerik:RadScheduler> 

Not related to splitter problem, but you have the code relative to what I was speaking here related to appointment template choosing.


0
Peter
Telerik team
answered on 15 Jun 2009, 01:15 PM
Hi Damien,

This turned out to be a bug. I have logged it and we will address it shortly. Please, excuse us for any inconvenience this might have caused you.



Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Peter
Telerik team
answered on 15 Jun 2009, 03:55 PM

Further testing showed that RadScheduler is resizing as expected. Hoewever, the html markup uses a table to position RadScheduler. When the table is resized after RadPane's expand, it does not shrink on RadPane's collapse. To avoid this problem, you should replace the table from the Pane with ID="panPage" with divs. RadScheduler should resize fine after this change.


Regards,
Peter
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Scheduler
Asked by
Dédé
Top achievements
Rank 1
Answers by
Peter
Telerik team
Dédé
Top achievements
Rank 1
Share this question
or