Splitter now working in FF?

4 posts, 0 answers
  1. Joshua
    Joshua avatar
    78 posts
    Member since:
    Sep 2008

    Posted 07 Dec 2008 Link to this post

    The title is suppose to be "Splitter *not* working in FF?"

    Everything works and looks great in IE, but splitter does not show up in FireFox when loading in a MasterPage.

    The splitter along with its four containers: <div id="container">, form, body, html are all set to height:100%.  I'm using release 2008.3.1125.35

    Here's a link to my source: http://rapidshare.com/files/171274593/Sample.zip.html

    Could you please tell me what I'm doing wrong?

    Thanks,
    Joshua
  2. Joshua
    Joshua avatar
    78 posts
    Member since:
    Sep 2008

    Posted 07 Dec 2008 Link to this post

    Fixed.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Antony
    Antony avatar
    41 posts
    Member since:
    Jan 2009

    Posted 28 Jan 2009 Link to this post

    Hi,

    I'm having the same problem. How did you fix it???

    Thanks,

    Antony
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 29 Jan 2009 Link to this post

    Hi Antony,

    I already answered your other thread where you had provided some code and for your convenience I pasted my reply below:

    I built up a test demo based on the provided code and test it both under IE7 and FF3. However, the splitter was visible under both browsers and the only problem I noticed was difference in the layout because of the float: left setting of the toolbar under FF - please examine the screenshots to see what I mean.

    In order to fix this problem I suggest to insert the following DIV element after the toolbar declaration:


            <telerik:RadToolBar ID="tbContent" runat="server" Skin="Office2007">  
                        <Items> 
                            <telerik:RadToolBarButton Text="Print">  
                            </telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton Text="Email">  
                            </telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton Text="Word/PDF">  
                            </telerik:RadToolBarButton> 
                        </Items> 
                    </telerik:RadToolBar> 
                    <div style="clear: both; height: 1px; margin-bottom: -1px;">  
                    </div> 
                    <telerik:RadSplitter ID="spContent" runat="server" ResizeWithParentPane="false" Orientation="Horizontal" 
                        Skin="Office2007" Width="100%" Height="700px">  
                        <telerik:RadPane ID="paTop" runat="server" Width="100%" Scrolling="None" Height="100%" 
                            BackColor="Yellow">  
                        </telerik:RadPane> 


    Since the second splitter is not directly nested in the RadPane and there are other elements, too, you should set its ResizeWithParentPane property to false.

    Let me know whether this is the problem you report and whether the suggested modifications solve it. In case you need further assistance, please prepare a sample reproduction demo, open a new support ticket and send it to me along with detailed explanations and some screenshots.



    Best wishes,
    Svetlina
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Back to Top