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

Grid overflows in multipageview

1 Answer 64 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 17 Jun 2011, 04:22 PM
Greetings,

I have a problem with a radgrid that overflows its container when I put it inside a multipageview. It is inside a user control, in a master page setting.

1. If I remove the code for the tabstrip and pageview, and include the user control alone, it works perfectly.

2. If I include the tabstrip and pageview in the page, and, if I put the user control with the grid before or after the tabstrip and pageview, it works perfectly. The only time the grid overflows is when I include its user control inside the page view.

3. I have tried using the css style "clear:both" in just about every possible place and it does not work at all.

4. I have tried pulling out the ajaxmanagerproxy and it still overflows.

I apologize if this issue has been solved before but a search did not turn up anything. Any help would be greatly appreciated.

Thanks!


The code for the master page is below:

<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="WebAdmin.master.cs" Inherits="WebAdmin.WebApp.WebAdmin" %>

<%@ 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">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>WebAdmin Management System</title>
    <link href="/styles/webadmin.css" rel="Stylesheet" type="text/css" />
    <link href="/styles/usalstylekit.css" rel="Stylesheet" type="text/css" />

    <script type="text/javascript" src="/scripts/jquery.js"></script>

    <script type="text/javascript" src="/scripts/jquerydefaultvalue.js"></script>

    <script type="text/javascript" src="/scripts/jquerycorner.js"></script>

    <script type="text/javascript" src="/scripts/pagescripts.js"></script>

    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <div id="wrapper">
        <form id="form1" runat="server">
        <div id="headerBackground">
            <div id="headerBackgroundFrame">
                <div id="header">
                    <h1 id="logo">
                        <a href="Default.aspx" tabindex="-1">
                            <img alt="WebAdmin Logo" src='<%= ResolveClientUrl("images/WebAdmin_logo.gif") %>' style="width: 224px; height: 61px;
                                border: 0;" /></a></h1>
                    <div id="systemStatus">
                        Welcome User:
                        <asp:Label ID="lblCurrentUsername" runat="server" Text="n/a"></asp:Label><br />
                        <asp:Label ID="lblCurrentDateTime" runat="server" Text="n/a"></asp:Label>
                        </div>
                </div>
            </div>
        </div>
        <div id="contentColumnMainBackground">
            <div id="contentColumnMain">
                <div id="topNavigation">
                    <asp:ContentPlaceHolder ID="tabstrip" runat="server">
                    </asp:ContentPlaceHolder>
                 <div>
                  <ul id="topNav">
                        <li runat="server" id="liHomeTab"><a tabindex="-1" href='<%= ResolveClientUrl("Default.aspx") %>'>Home</a></li>
                        <li runat="server" id="liCustomerServiceTab"><a tabindex="-1" href='<%= ResolveClientUrl("CustomerService.aspx") %>'>Customer Service</a></li>
                        <li runat="server" id="liAgentLicensingTab"><a tabindex="-1" href='<%= ResolveClientUrl("AgentLicensing.aspx") %>'>Producers</a></li>
                        <li runat="server" id="liAgenciesTab"><a tabindex="-1" href='<%= ResolveClientUrl("Agencies.aspx") %>'>Agencies</a></li>
                        <li runat="server" id="liAquaManagementTab"><a tabindex="-1" href='<%= ResolveClientUrl("AquaManagement.aspx") %>'>AQUA</a></li>
                        <li runat="server" id="liStrategicPartnersTab"><a tabindex="-1" href='<%= ResolveClientUrl("Partners.aspx") %>'>Partners</a></li>
                        <li runat="server" id="liBoardMembersTab" visible="false"><a tabindex="-1" href='<%= ResolveClientUrl("BoardMembers.aspx") %>'>Board</a></li>
                        <li runat="server" id="liSystemTab"><a tabindex="-1" href='<%= ResolveClientUrl("AdminSystem.aspx") %>'>System</a></li>
                        <li runat="server" id="liACHAndPayments"><a tabindex="-1" href='<%= ResolveClientUrl("ACHAndPayments.aspx") %>'>Billing</a></li>
                        <li runat="server" id="liReportsTab"><a tabindex="-1" href='<%= ResolveClientUrl("Reports.aspx") %>'>Reports</a></li>
                  </ul>
                  <ul id="secondaryNav" runat="server">
                    <li runat="server" id="liTransactionLog">
                        <a tabindex="-1" href='<%= ResolveClientUrl("transactionlog.aspx") %>'>Transaction Log</a>
                    </li>
                    <li runat="server" id="liPerformanceReport">
                        <a tabindex="-1" href='<%= ResolveClientUrl("PerformanceReport.aspx") %>'>Performance Report</a>
                    </li>    
                    <li runat="server" id="liWebStats">
                        <a tabindex="-1" href='<%= ResolveClientUrl("WebStatistics.aspx") %>'>Web Statistics</a>
                    </li>    
                    <li runat="server" id="liBusinessReports">
                        <a tabindex="-1" href='<%= ResolveClientUrl("BusinessReports.aspx") %>'>Business Reports</a>
                    </li>    
                    <li runat="server" id="liBillingReports">
                        <a tabindex="-1" href='<%= ResolveClientUrl("BillingReports.aspx") %>'>Billing Reports</a>
                    </li>    
                    <li runat="server" id="liReportsHome" style="list-style-type:none;">
                        <a tabindex="-1" href='<%= ResolveClientUrl("Reports.aspx") %>'><< Back to Reports</a>
                    </li>   
                      <li runat="server" id="liBack" style="list-style-type:none;">
                        <a tabindex="-1" href="javascript:history.go(-1)"><< Back</a>
                    </li>    
                  </ul>
                 
                </div>
              </div>
                  
                    
                <asp:ContentPlaceHolder ID="mainContent" runat="server">

                    <p>
                        &nbsp;</p>
                    <p>
                        &nbsp;</p>
                    <p>
                        &nbsp;</p>
                </asp:ContentPlaceHolder>
            </div>
        </div>
        <div id="footer">
            USAbleLife.com Web Admin - This system is for authorized LSV users only!<br />
            Having trouble? For all support, please contact your friendy <a href="MailTo:WebTeam@usablelife.com?subject=WebAdmin Issue Report">
                LSV Web Team</a></div>


    
    <telerik:RadScriptManager ID="RadScriptManager1" Runat="server">
    </telerik:RadScriptManager>
    
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    </telerik:RadAjaxManager>
    
                </form>
    </div>
</body>
</html>


And the markup for the page that has the user control:
<%@ Page Language="C#" MasterPageFile="~/WebAdmin.master" AutoEventWireup="true" CodeBehind="AdminSystem.aspx.cs" Inherits="WebAdmin.WebApp.AdminSystem" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Register TagPrefix="lsv" TagName="ViewInactiveUser" Src="~/UserControls/uc_ViewInactiveUsers.ascx" %>
<%@ Register TagPrefix="lsv" TagName="ViewAllUserActivity" Src="~/UserControls/uc_ViewAllUserActivity.ascx" %>
<%@ Register TagPrefix="lsv" TagName="RoleWhiteList" Src="~/UserControls/uc_RolesWhiteList.ascx" %>
<%@ Register TagPrefix="lsv" TagName="UserBlackList" Src="~/UserControls/uc_BlackListUser.ascx" %>
<%@ Register TagPrefix="lsv" TagName="EmailTemplate" Src="~/UserControls/uc_EmailTemplateManager.ascx" %>
<%@ Register TagPrefix="lsv" TagName="ViewDeactivatedUser" Src="~/UserControls/uc_ViewDeactivatedUsers.ascx" %>


<asp:Content ID="Content3" ContentPlaceHolderID="mainContent" runat="server">

<telerik:RadScriptBlock runat="server">
<script type="text/javascript">
var tabCookieName = "myCookieName";

function onClientTabSelected(sender, args) {    
    //Persist selected tab text
    var tabText = args.get_tab().get_text();    
    //Save text to a cookie using JavaScript    
    saveTabIndex(tabText);
}

function saveTabIndex(tabText) {    
    //Call JS function to save cookie name, tab text,
    //and days before cookie should expire    
    setCookie(tabCookieName, tabText, 1);
}

//Cookie operation helper function
//Save the value to a cookie and set expiration date
function setCookie(c_name, value, expiredays) {    
    var exdate = new Date();    
    exdate.setDate(exdate.getDate() + expiredays);    
    document.cookie = c_name + "=" + escape(value) +        
        ((expiredays == null) ? "" : ";expires=" + exdate.toGMTString());
}

//Variable to hold reference to tabstrip
var tabstrip;
function onClientTabLoad(sender) {    
    //Get reference to tabstrip    
    tabstrip = sender;
}

function loadTabIndex(tabstrip) {    
    //If tabstrip reference isn't null
    if (tabstrip != null) {        
        //Get cookie value
        var tabText = getCookie(tabCookieName);        
        //If text from the cookie exists
        if (tabText != "" || tabText != null) {            
            //Set tabstrip selected index
            var tab = tabstrip.findTabByText(tabText);
            //Get tab object
            if (tab != null) {                
                tab.select(); //Select tab            
            }           
        }    
    }
}

//Cookie helper function
//Gets a cookie based on supplied name and returns value
//as a string
function getCookie(c_name) {    
    try {        
        if (document.cookie.length > 0) {            
            c_start = document.cookie.indexOf(c_name + "=");            
            if (c_start != -1) {                
                c_start = c_start + c_name.length + 1;                
                c_end = document.cookie.indexOf(";", c_start);                
                if (c_end == -1) c_end = document.cookie.length;                
                return unescape(document.cookie.substring(c_start, c_end));            
            }        
        }    
    } catch (err) { }    
    
    //If there is an error or no cookie
    //return an empty string
    return "";
}

//pageLoad automatically called by ASPNET AJAX when page ready
function pageLoad() {    
    //Must do tab strip select here so that  
    //multipage is initialized and updated    
    loadTabIndex(tabstrip);
}


</script>
</telerik:RadScriptBlock>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Web20">
</telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel2" runat="server" Skin="Web20">
</telerik:RadAjaxLoadingPanel>

    
<telerik:radajaxmanagerproxy ID="RadAjaxManagerProxy3" runat="server">
        <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
           <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadTabStrip1"/>
                    <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1"/>
                </UpdatedControls>
        </telerik:AjaxSetting>
            
        <telerik:AjaxSetting AjaxControlID="gridInactiveUsers">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="gridInactiveUsers"/>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        
        <telerik:AjaxSetting AjaxControlID="gridViewAllActivity">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="gridViewAllActivity"/>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>

        <telerik:AjaxSetting AjaxControlID="gridDeactivatedUsers">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="gridDeactivatedUsers"/>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />                
            </UpdatedControls>
        </telerik:AjaxSetting>
        
        <telerik:AjaxSetting AjaxControlID="divRolesControl">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="divRolesControl"/>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
       
       <telerik:AjaxSetting AjaxControlID="divBlacklistRolesControl">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="divBlacklistRolesControl"/>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />                
            </UpdatedControls>
        </telerik:AjaxSetting>

        <telerik:AjaxSetting AjaxControlID="divEmailTemplates">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="divEmailTemplates"/>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>        
        
        <telerik:AjaxSetting AjaxControlID="lblMessage">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="radPanelEmail"/>
            </UpdatedControls>
        </telerik:AjaxSetting>
        
        <telerik:AjaxSetting AjaxControlID="btnSelectUser">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        
        <telerik:AjaxSetting AjaxControlID="gridUserSessions">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        
        <telerik:AjaxSetting AjaxControlID="btnShowEntity">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        
        <telerik:AjaxSetting AjaxControlID="ddUserList">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
        
        <telerik:AjaxSetting AjaxControlID="btnHideEntityValueFieldset">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel2" />
            </UpdatedControls>
        </telerik:AjaxSetting>
       </AjaxSettings>
       
   </telerik:radajaxmanagerproxy>
   
    
         <telerik:RadTabStrip ID="RadTabStrip1" OnClientLoad="onClientTabLoad"
               OnClientTabSelected="onClientTabSelected" AutoPostBack="True" runat="server"
               Skin="Office2007" MultiPageID="RadMultiPage1">
                <Tabs>
                    <telerik:RadTab Text="Security" runat="server">
                         <Tabs>
                            <telerik:RadTab PageViewID="RadPageView1" runat="server" Text="Roles to Expire (white list)"></telerik:RadTab>
                            <telerik:RadTab PageViewID="RadPageView2" runat="server" Text="Ignored Users (black list)"></telerik:RadTab>
                            <telerik:RadTab PageViewID="RadPageView3" runat="server" Text="Inactive Accounts"></telerik:RadTab>
                            <telerik:RadTab PageViewID="RadPageView4" runat="server" Text="Deactivated Accounts"></telerik:RadTab>
                            <telerik:RadTab PageViewID="RadPageView5" runat="server" Text="Add/Edit Accounts (Roles)"></telerik:RadTab>
                            <telerik:RadTab PageViewID="RadPageView6" runat="server" Text="View All User Activity"></telerik:RadTab>
                        </Tabs>
                    </telerik:RadTab>
                    <telerik:RadTab Text="Reports">
                         <Tabs>
                                <telerik:RadTab PageViewID="RadPageView7" runat="server"  Text="Visitors"></telerik:RadTab>
                                <telerik:RadTab PageViewID="RadPageView8" runat="server"  Text="Page Hits"></telerik:RadTab>
                         </Tabs>
                    </telerik:RadTab>
                    <telerik:RadTab Text="Resources">
                         <Tabs>
                                <telerik:RadTab PageViewID="RadPageView9" runat="server"  Text="Email Messages"></telerik:RadTab>
                                <telerik:RadTab PageViewID="RadPageView10" runat="server"  Text="String Resources"></telerik:RadTab>
                                <telerik:RadTab PageViewID="RadPageView11" runat="server"  Text="Newsletter Templates"></telerik:RadTab>
                         </Tabs>
                    </telerik:RadTab>
                    <telerik:RadTab Text="Mailing Lists">
                         <Tabs>
                                <telerik:RadTab PageViewID="RadPageView12" runat="server"  Text="Send Newsletter"></telerik:RadTab>
                                <telerik:RadTab PageViewID="RadPageView13" runat="server"  Text="Manage Subscribers"></telerik:RadTab>
                                <telerik:RadTab PageViewID="RadPageView14" runat="server"  Text="Past Newsletters"></telerik:RadTab>
                         </Tabs>
                    </telerik:RadTab>
                </Tabs>
         </telerik:RadTabStrip>
         
         <telerik:RadMultiPage ID="RadMultiPage1" runat="server">
         
             <telerik:RadPageView ID="RadPageView1" runat="server" Width="100%" Height="462px">
                <lsv:RoleWhiteList ID="lsvRolesWhitelist" runat="server" Visible="true" />
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView2" runat="server" Width="100%" Height="462px">
                <lsv:UserBlackList ID="lsvUserBlackList" runat="server" Visible="true" />
             </telerik:RadPageView>
             
             <telerik:RadPageView ID="RadPageView3" runat="server" Width="100%" Height="462px">
                 <div style="width: 100%; line-height: 1.8em;">
                    <lsv:ViewInactiveUser Visible="true" ID="lsvInactiveUser" runat="server" />
                </div>
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView4" runat="server" Width="100%" Height="462px">
                <lsv:ViewDeactivatedUser ID="lsvViewDeactivatedUsers" runat="server" />
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView5" runat="server" Width="100%" Height="462px">
               Coming soon...
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView6" runat="server" Width="100%" Height="462px">
                <lsv:ViewAllUserActivity Visible="true" ID="lsvViewAllUserActivity" runat="server" />
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView7" runat="server" Width="100%" Height="462px">
                Coming soon...
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView8" runat="server" Width="100%" Height="462px">
                Coming soon...
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView9" runat="server" Width="100%" Height="462px">
                <lsv:EmailTemplate ID="lsvEmailTemplate" runat="server" Visible="true" />
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView10" runat="server" Width="100%" Height="462px">
                Coming soon...
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView11" runat="server" Width="100%" Height="462px">
                Coming soon...
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView12" runat="server" Width="100%" Height="462px">
                Coming soon...
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView13" runat="server" Width="100%" Height="462px">
                Coming soon...
             </telerik:RadPageView>
             
             <telerik:RadPageView  ID="RadPageView14" runat="server" Width="100%" Height="462px">
                Coming soon...
             </telerik:RadPageView>
         </telerik:RadMultiPage>
         

</asp:Content>
<asp:Content ID="Content4" runat="server" ContentPlaceHolderID="head">
</asp:Content>




1 Answer, 1 is accepted

Sort by
0
Jon
Top achievements
Rank 1
answered on 21 Jun 2011, 04:46 PM
I found my problem. I needed to remove the "Height=" attributes from the page views. If someone else could please mark this as the answer, we can close this thread.
Tags
TabStrip
Asked by
Jon
Top achievements
Rank 1
Answers by
Jon
Top achievements
Rank 1
Share this question
or