Scheduler inside Splitter does not resize on expand

5 posts, 0 answers
  1. Dédé
    Dédé avatar
    60 posts
    Member since:
    May 2009

    Posted 09 Jun 2009 Link to this post

    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.
  2. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 11 Jun 2009 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dédé
    Dédé avatar
    60 posts
    Member since:
    May 2009

    Posted 11 Jun 2009 Link to this post

    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.


  5. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 15 Jun 2009 Link to this post

    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.
  6. Peter
    Admin
    Peter avatar
    6637 posts

    Posted 15 Jun 2009 Link to this post


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