Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

RadPanel is not working on Mozila Firfox

0 Answers 40 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sunil
Top achievements
Rank 1
Sunil asked on 24 Feb 2011, 07:18 AM
<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="HomePage.aspx.vb" Inherits="BNBERP.WebForm1"  %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  
<head id="Head1" runat="server">
    <title></title>
    <link href="Styles/styles.css" rel="stylesheet" type="text/css" />
  
    <style type="text/css">
                  
        .restrictionZone
        {   top:58px;
            position:absolute ;
            width: 100%;
            height: 575px;
        }
                        
        .monitor
        {
            width: 100%;
            height: 100%;        
        }
                 
        .tab
        {
            left:1px;
            top:635px;
            position:absolute;
            width: 100%;            
        }
          
        .taskbar
        {
            display: block;
            float: left;
            vertical-align:bottom;
        }        
         
    </style>
  
</script>
  
</head>
<body>
    <form id="form1" runat="server">    
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
    </telerik:RadScriptManager>
      
    <div class="monitor">
        <div id="RestrictionZone" class="restrictionZone">
            <!-- / -->
        </div>
    <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server">
    </telerik:RadStyleSheetManager>
    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
   
    <script type="text/javascript">
            // <![CDATA[
  
        var manager = null;
        var tabStrip = null;
  
        function pageLoad() {
            //get a reference to the needed controls -
            manager = $find("<%= RadWindowManager.ClientID %>");
            tabStrip = $find("<%= RadTabStrip1.ClientID %>");
        }
  
        //opening the window
        function OpenNewWindow(sender, args) {
            var item = args.get_item();
            var itemUrl = item.get_value();
            var itemText = item.get_text();
            if (itemUrl) {
                var windowURL = itemUrl;
                var oWnd = radopen(itemUrl, null);
                oWnd.set_title(itemText);
                oWnd.center();
                tabStrip.trackChanges();
                //create a new tab
                var tab = new Telerik.Web.UI.RadTab();
                //set the text of the tab
                tab.set_text(itemText);
                oWnd.correspondingTab = tab;
                //add the tab to the tabstrip
                tabStrip.get_tabs().add(tab);
                tabStrip.repaint();
                tab.correspondingWnd = oWnd;
                tab.set_imageUrl(item.get_imageUrl());
                tabStrip.commitChanges();
  
                //Select this tab
                tab.select();
            }
        }
  
        function OnClientCommand(sender, args) {
            //because we don't want to show the minimized RadWindow, we hide it after minimizing
            //and raise the _Maximized flag (used in OnClientTabSelected)
            if (args.get_commandName() == "Minimize") {
                if (sender.isMaximized()) {
                    sender._Maximized = true;
                }
  
                sender.hide();
                //raise the _toMinimize flag (used in OnClientActivate)
                sender._toMinimize = true;
                var tab = sender.correspondingTab;
                if (tab) {
                    tab.set_selected(false);
                }
            }
        }
  
        function OnClientTabSelected(sender, args) {
            //get a reference to the corresponding window
            var win = args.get_tab().correspondingWnd;
  
            if (!win) return;
  
            if (!win.isVisible()) {
                win.show();
                win.restore();
                //if the window was maximized before client minimizes it, we need to restore
                //its maximized state
                if (win._Maximized) {
                    win.maximize();
                    win._Maximized = null;
                }
  
            }
  
            //ensure that the currently active RadWindow will have the highest z-Index.
            var popupElem = win.get_popupElement();
            var oldZindex = parseInt(popupElem.style.zIndex);
            var styleZIndex = win.get_stylezindex();
            var newZIndex = (styleZIndex) ? styleZIndex : Telerik.Web.UI.RadWindowUtils.get_newZindex(oldZindex);
            popupElem.style.zIndex = "" + newZIndex;
            win.setActive(true);
        }
  
        function OnClientActivate(sender, args) {
            var tab = sender.correspondingTab;
            if (tab && !sender._toMinimize) {
                tab.set_selected(true);
            }
            sender._toMinimize = false;
        }
        function OnClientClose(oWnd) {
  
            //remove the corresponding tab from the tabstrip
            var tab = oWnd.correspondingTab;
            if (tab) {
                tabStrip.trackChanges();
                tabStrip.get_tabs().remove(tab);
                tabStrip.commitChanges();
            }
        }
            // ]]>
  
        </script>
    </telerik:RadCodeBlock>
    <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="Default,Zone" />
    <telerik:RadSplitter runat="Server" ID="RadSplitter1" Width="100%" BorderSize="1"
            BorderStyle="None" PanesBorderSize="0" Height="96%" Orientation="Horizontal"
            VisibleDuringInit="false">
            <telerik:RadPane ID="topPane" runat="server" Height="54px">
            <div class="header">
                <div style="margin-top:3px; margin-left:10px;color:white;">BNB SOFTWARE SOLUTIONS PVT.LTD.</div>
                <div class="skin-chooser">               
                    <telerik:RadSkinManager ID="RadSkinManager1" runat="server"  Skin="Windows7">
                    </telerik:RadSkinManager>                    
                </div>                
            </div> 
            <telerik:RadMenu runat="Server" ID="RadMenu1" EnableShadows="true" EnableRoundedCorners="true"
                             Style="float: none; position:absolute; top:31px; z-index:3000" Width="100%"
                             OnClientItemClicked="OpenNewWindow">
                    <Items>
                                                                  
                        <telerik:RadMenuItem runat="server" Text="File" />  
                        <telerik:RadMenuItem runat="server" Text="Edit" />  
                        <telerik:RadMenuItem runat="server" Text="Operation">   
                          <Items>
                              
                            <telerik:RadMenuItem runat="server" Text="Manage" ImageUrl="~/Images/manage.png">
                                <Items>
                                    <telerik:RadMenuItem Text="Company Information" Value="manage/frmCompanyInformation.aspx" ImageUrl="~/Images/comInfo.png" />
                                    
                                </Items>
                            </telerik:RadMenuItem>
  
</Items>
                  </telerik:RadMenu>   
  
 </telerik:RadPane> 
                          
            <telerik:RadPane runat="server" ID="contentPane" Scrolling="none">
                <telerik:RadSplitter runat="server" ID="RadSplitter2" BorderStyle="None" 
                    PanesBorderSize="0" CollapseMode="None" style="margin-right: 0px">
                    <telerik:RadPane runat="Server" ID="leftPane" Width="200px" MinWidth="180" MaxWidth="220" >
                        <telerik:RadSplitter runat="server" ID="RadSplitter3" BorderStyle="None" PanesBorderSize="0"
                            Height="266px" Orientation="Horizontal" CollapseMode="None">
                          
                            <telerik:RadSplitBar runat="server" ID="RadSplitBar3" CollapseMode="Both" />
                            <telerik:RadPane runat="server" ID="bottomLeftPane" Height="570px"  >
                                <telerik:RadPanelBar runat="server" ID="RadPanelBar1" Width="100%" OnClientItemClicked="OpenNewWindow"
                                                     ExpandMode="SingleExpandedItem" >
                                    <Items>
                                        <telerik:RadPanelItem Text="Manage" ImageUrl="~/Images/manage.png">
                                            <items>
                                                 
                                                <telerik:RadPanelItem Text="Company Information" Value="manage/frmCompanyInformation.aspx" ImageUrl="~/Images/comInfo.png" />
                                                <telerik:RadPanelItem Text="User Details" Value="manage/frmUserDetail.aspx" ImageUrl="~/Images/userDetails.png" />
                            </items>
                                            </telerik:RadPanelItem>
                                              
</Items>
                                </telerik:RadPanelBar>
                            </telerik:RadPane>
                        </telerik:RadSplitter>
                    </telerik:RadPane>
                    <telerik:RadSplitBar runat="server" ID="RadSplitBar1" CollapseMode="Forward"  />
                    <telerik:RadPane runat="Server" ID="rightPane" CssClass="right-pane" Scrolling="None">
                       
                      <telerik:RadTabStrip OnClientTabSelected="OnClientTabSelected" ID="RadTabStrip1"
                        Width="100%" CssClass="tab"
                        Orientation="Horizontalbottom" runat="server"  BackColor="Bisque">
                        <Tabs>
                            <telerik:RadTab style="display: none;" />
                        </Tabs>
                      </telerik:RadTabStrip>
                      
                    </telerik:RadPane>
                </telerik:RadSplitter>
            </telerik:RadPane>
    </telerik:RadSplitter> 
  
    </div>                        
        <telerik:RadWindowManager ShowOnTopWhenMaximized="false" Width="600px" left="0px"
               Height="560px"  Behaviors="Close,Minimize,Reload,move,maximize,resize"
               ID="RadWindowManager"  RestrictionZoneID="RestrictionZone" OnClientClose="OnClientClose"
               runat="server" BackColor="Aquamarine" OnClientCommand="OnClientCommand"
               EnableShadow="true"  VisibleOnPageLoad="true">                                            
               
         </telerik:RadWindowManager>
    </form>
</body>
</html>
Hello Sir/ Madam

I'm not able to browse radPanel in mozila firfox browser, but it works on IE.
I'm attching my source code , please  go through that and help me out...

No answers yet. Maybe you can help?

Tags
Grid
Asked by
Sunil
Top achievements
Rank 1
Share this question
or