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

Grid Forces Scrollbars grmpf...

1 Answer 76 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Willem
Top achievements
Rank 1
Willem asked on 07 Sep 2009, 08:51 AM
My Grid and Panel are placed on the right pane of a splitter. The combi of those two forces the right panel to have an inner scrollbar. Can someone have a look? Here is the code...

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" Title="BIS ID Content Runner for the Web " %> 
<%@ 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">  
      
        <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">  
            <style type="text/css">  
                html, body, form    
                    {    
                    margin:0px;    
                    padding:0px;    
                    height:100%;    
                    background-image: url(Skins/Default/Common/Default_Top.jpg);  
                    background-repeat: repeat-x;  
                    }  
            </style> 
              
        <link rel="stylesheet" type="text/css" href="/css/bis.css">  
          
    <script type="text/javascript">  
        var ArchiveShowing = ("<%= myCR.ArchiveShowing %>" == "True");  
        var OriginalShowing = ("<%= myCR.OriginalShowing %>" == "True");  
    </script> 
    <script type="text/javascript">  
        function ShowProfileForm() {  
            window.radopen("/Forms/Profile.aspx", "winProfile");  
            return false;  
        }  
    </script>    
    <script type="text/javascript">  
        function ShowInsertForm(id) {  
            window.radopen("/Forms/EditRecord.aspx", "insertForm");  
            return false;  
        }  
    </script>    
    <script type="text/javascript">  
        function ShowEditForm(id) {  
            window.radopen("/Forms/EditRecord.aspx?ID=" + id, "editForm");  
            return false;  
        }  
    </script>    
    <script type="text/javascript">  
        function ShowHelpForm() {  
            window.radopen("Forms/Help.aspx", "winHelp");  
            return false;  
        }  
    </script>    
    <script type="text/javascript">  
 
        function ShowAboutForm() {  
            window.radopen("Forms/About.aspx", "winAbout");  
            return false;  
        }  
    </script>    
    <script type="text/javascript">  
      
        function RefreshGrid() {  
            var masterTable = $find("<%= grMain.ClientID %>").get_masterTableView();  
            masterTable.rebind();  
            }   
    </script>    
    <script type="text/javascript">  
 
        function RowSelected(sender, args) {  
                var toolBar = $find("<%=tbMain.ClientID %>");  
                var grid = $find("grMain");  
                var MasterTable = grid.get_masterTableView();  
                var SelectedRows = MasterTable.get_selectedItems();  
                if (SelectedRows.length > 1) toolBar.findItemByValue("tbWijzig").disable();  
                if (SelectedRows.length < 1) toolBar.findItemByValue("tbWijzig").disable();  
                if (SelectedRows.length == 1) toolBar.findItemByValue("tbWijzig").enable();  
                toolBar.findItemByValue("tbVerwijder").enable();  
                if (SelectedRows.length < 1) toolBar.findItemByValue("tbVerwijder").disable()  
 
                if (ArchiveShowing) {  
 
                    toolBar.findItemByValue("tbNaarArch").disable();  
                    if (SelectedRows.length > 0)  
                        toolBar.findItemByValue("tbNaarOrg").enable();  
                    if (SelectedRows.length < 1)  
                        toolBar.findItemByValue("tbNaarOrg").disable();  
                          
                }  
 
                if (OriginalShowing) {  
 
                    toolBar.findItemByValue("tbNaarOrg").disable();  
                    if (SelectedRows.length > 0)  
                        toolBar.findItemByValue("tbNaarArch").enable();  
                    if (SelectedRows.length < 1)  
                        toolBar.findItemByValue("tbNaarArch").disable();  
                          
                }  
            }           
              
    </script> 
        </telerik:RadCodeBlock>          
      
    </head> 
      
    <body class="BODY">  
        <form id="FormMain" method="post" runat="server">  
        <telerik:RadScriptManager  
            ID="ScriptManager" 
            runat="server"   
            EnableTheming="True">  
        </telerik:RadScriptManager> 
          
        <telerik:RadAjaxManager  
            ID="amMain" 
            runat="server" onajaxrequest="amMain_AjaxRequest">  
            <AjaxSettings> 
                <telerik:AjaxSetting AjaxControlID="amMain">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="tbMain" /> 
                        <telerik:AjaxUpdatedControl ControlID="lblKop" /> 
                        <telerik:AjaxUpdatedControl ControlID="grMain" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
                <telerik:AjaxSetting AjaxControlID="tbMain">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="tbMain" /> 
                        <telerik:AjaxUpdatedControl ControlID="lblKop" /> 
                        <telerik:AjaxUpdatedControl ControlID="grMain" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
                  
                <%-- <telerik:AjaxSetting AjaxControlID="LeftPane">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="LeftPane"/>  
                    </UpdatedControls> 
                </telerik:AjaxSetting> --%> 
                <telerik:AjaxSetting AjaxControlID="grMain">  
                    <UpdatedControls> 
                        <telerik:AjaxUpdatedControl ControlID="tbMain" /> 
                        <telerik:AjaxUpdatedControl ControlID="lblKop" /> 
                        <telerik:AjaxUpdatedControl ControlID="grMain" /> 
                    </UpdatedControls> 
                </telerik:AjaxSetting> 
            </AjaxSettings> 
        </telerik:RadAjaxManager> 
          
            <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server"></telerik:RadStyleSheetManager> 
                   
                    <asp:SqlDataSource  
                        ID="dsPanelbar" 
                        runat="server"   
                        ConnectionString="<%$ ConnectionStrings:ContentRunner %>"   
                        SelectCommand="SELECT * FROM [q_navbarweb]"   
            onselecting="dsPanelbar_Selecting">  
                    </asp:SqlDataSource> 
              
                    <asp:SqlDataSource  
                        ID="dsGrid" 
                        runat="server"   
                        ConnectionString="<%$ ConnectionStrings:ContentRunner %>"   
                        oninit="dsGrid_Init"   
                        SelectCommand="SELECT * FROM [t_bezoekers]">  
                    </asp:SqlDataSource> 
                              
                <div width="100%"  border="0px" class=workplace>  
                    <telerik:RadToolBar  
                        ID="tbMain" 
                        style="clear:both" 
                        Runat="server" 
                        Width="100%" 
                        BorderStyle="None" 
                        BorderWidth="0px"   
                        onbuttonclick="tbMain_ButtonClick"   
                        Font-Bold="True"   
                        Font-Names="Trebuchet MS" Font-Size="12pt">  
                        <CollapseAnimation  
                            Type="OutQuint" 
                            Duration="200">  
                        </CollapseAnimation> 
                        <Items> 
                            <telerik:RadToolBarButton runat="server" value="tbProfiel"          Text="Hallo, Gebruiker"    CommandName="cmdProfiel"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" Text="sep1"                IsSeparator="True"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbNieuw"            Text="Nieuw"               CommandName="cmdNieuw"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbWijzig"           Text="Wijzig"              CommandName="cmdWijzig"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbVerwijder"        Text="Verwijder"           CommandName="cmdVerwijder"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" Text="sep2"                IsSeparator="True"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbNaarOrg"          Text="Naar Origineel"      CommandName="cmdNaarOrg"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbNaarArch"         Text="Naar Archief"        CommandName="cmdNaarArch"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" IsSeparator="True"         Text="sep3"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbShowOrg"          Text="Toon Orginelen"      CommandName="cmdToonOrg"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbShowArch"         Text="Toon Archief"        CommandName="cmdToonArch"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" Text="sep4"                IsSeparator="True"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbLogUit"           Text="Log uit"             CommandName="cmdLogUit"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbHelp"             Text="Help"                CommandName="cmdHelp"></telerik:RadToolBarButton> 
                            <telerik:RadToolBarButton runat="server" value="tbAbout"            Text="About"               CommandName="cmdAbout"></telerik:RadToolBarButton> 
                        </Items> 
                    </telerik:RadToolBar><div style="clear:both"><!-- --></div>  
                    </div> 
                <div class=workplace>  
                <telerik:radsplitter  
                    id="splMain" 
                    runat="server" 
                    height="100%" 
                    width="100%"   
                    Skin="Office2007" 
                    style="clear:both" 
                    HeightOffset="30">  
                    <telerik:radpane  
                        id="LeftPane" 
                        runat="server" 
                        width="212"><telerik:RadPanelBar  
                            ID="pbMain" 
                            Runat="server" 
                            DataFieldID="ID"   
                            DataFieldParentID="ParentID" 
                            DataSourceID="dsPanelbar" 
                            DataTextField="Text"   
                            onitemdatabound="pbMain_ItemDataBound"   
                            width="100%" 
                            Skin="Outlook"   
                            CookieName="ContentRunnerPanelBar"   
                            ExpandMode="FullExpandedItem"   
                            PersistStateInCookie="True"   
                            CollapseDelay="200" ExpandDelay="200" onitemclick="pbMain_ItemClick"   
                            Height="100%"><CollapseAnimation   
                                Duration="220"   
                                Type="InOutElastic" /><ExpandAnimation   
                                Duration="220"   
                                Type="InOutElastic" /></telerik:RadPanelBar><div style="clear:both"><!-- --></div></telerik:radpane> 
                    <telerik:radsplitbar id="RadSplitBar1" runat="server" style="clear:both"></telerik:radsplitbar> 
                    <telerik:radpane id="MainPane" runat="server" style="clear:both"><telerik:RadAjaxPanel  
                        BackImageUrl="~/Common/Images/AppMain/AppMainToolbarBackGround.jpg"   
                        style="clear:both" 
                        ID="apMain" 
                        runat="server" 
                        height="32px" 
                        width="100%"><asp:Panel   
                                ID="Panel3"   
                                runat="server"   
                                Height="33px"   
                                Width="100%"   
                                BackImageUrl="~/Common/Images/AppMain/AppMainToolbarBackGround3.jpg" CssClass="GridAltRow_Outlook"><asp:Panel   
                                    ID="Panel1"   
                                    runat="server"   
                                    Height="4px"   
                                    Width="100%"></asp:Panel><asp:Label  
                                    ID="lblKop" 
                                    runat="server" 
                                    BorderStyle="None"   
                                    BorderWidth="6px" 
                                    Font-Names="Trebuchet MS" 
                                    Font-Size="Medium"   
                                    Text="&amp;nbsp;&amp;nbsp;::BIS ID Content Runner"></asp:Label></asp:Panel></telerik:RadAjaxPanel> 
                        <telerik:RadGrid  
                    ID="grMain" 
                    runat="server" 
                    AllowFilteringByColumn="True"   
                    AllowPaging="True" 
                    AllowSorting="True"   
                    DataSourceID="dsGrid" 
                    GridLines="None"   
                    Height="100%" 
                    Skin="Outlook" 
                    Width="99%"   
                    onitemcommand="grMain_ItemCommand"   
                    onneeddatasource="grMain_NeedDataSource" 
                    oncolumncreated="grMain_ColumnCreated" 
                    AllowAutomaticDeletes="True" 
                    AllowAutomaticInserts="True" 
                    AllowAutomaticUpdates="True"   
                    AllowCustomPaging="True" 
                    onitemdatabound="grMain_ItemDataBound"   
                    onprerender="grMain_PreRender" 
                    ShowFooter="True" 
                    ShowStatusBar="True" PageSize="100" VirtualItemCount="10"   
                            AllowMultiRowSelection="True"   
                            onselectedindexchanged="grMain_SelectedIndexChanged"><PagerStyle AlwaysVisible="True" EnableSEOPaging="True" /><MasterTableView   
                    DataSourceID="dsGrid" 
                    allowcustomsorting="True" 
                                    datakeynames="ID"   
                                    CommandItemDisplay="Top"><RowIndicatorColumn Visible="False"><HeaderStyle Width="20px" /></RowIndicatorColumn><ExpandCollapseColumn Resizable="False" Visible="False"><HeaderStyle Width="20px" /></ExpandCollapseColumn><CommandItemTemplate><img src="Skins/Outlook/Grid/AddRecord.gif" /><a href="#" onclick="return ShowInsertForm();">Nieuw</a> <img src="Skins/Outlook/Grid/AddRecord.gif" /><a href="#" onclick="return RefreshGrid(1);">Ververs tabel</a></CommandItemTemplate><Columns><telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" /><telerik:GridButtonColumn  
                                            ButtonType="LinkButton" 
                                            CommandArgument="{0}"   
                                            CommandName="MyEdit" 
                                            HeaderText="" 
                                            Text="Wijzig" 
                                            UniqueName="colEdit"></telerik:GridButtonColumn><telerik:GridButtonColumn  
                                            ButtonType="LinkButton" 
                                            CommandArgument="{0}"   
                                            CommandName="MyDelete" 
                                            ConfirmText="Wilt u deze regel verwijderen?"   
                                            HeaderText="" 
                                            Text="Verwijder" 
                                            UniqueName="colDelete"></telerik:GridButtonColumn></Columns><EditFormSettings><PopUpSettings ScrollBars="None" /></EditFormSettings></MasterTableView><ClientSettings 
                                    allowkeyboardnavigation="True"><Selecting AllowRowSelect="True" /></ClientSettings><FilterMenu EnableTheming="True" Skin="Outlook"><CollapseAnimation Duration="200" Type="OutQuint" /></FilterMenu></telerik:RadGrid><br /></telerik:radpane> 
                </telerik:radsplitter> 
        <telerik:RadWindowManager   
            ID="wmMain"   
            runat="server"   
            Skin="Default"   
            Height="500px"   
            Left="50px"   
            oninit="wmMain_Init"   
            Top="50px"   
            Width="700px">  
            <Windows> 
                <telerik:RadWindow   
                    ID="winEdit"   
                    runat="server"   
                    Height="500px" 
                    Left="100px" 
                    NavigateUrl="Forms\EditRecord.aspx" 
                    style="display:none;" 
                    Top="100px" 
                    Width="700px" 
                    Modal="True"   
                    Behaviors="Close" BorderWidth="0px">  
                </telerik:RadWindow> 
                  
                <telerik:RadWindow   
                    ID="winProfile"   
                    runat="server"   
                    Left="100px"   
                    NavigateUrl="Forms\Profile.aspx"   
                    style="display:none;"   
                    Top="100px"   
                    width="400" 
                    height="256" 
                    Title="Profile"   
                    Behaviors="Move"   
                    Modal="True"   
                    VisibleStatusbar="False">  
                </telerik:RadWindow> 
                  
                <telerik:RadWindow   
                    ID="winHelp"   
                    runat="server"   
                    Left="100px"   
                    NavigateUrl="Forms\Help.aspx"   
                    style="display:none;"   
                    Top="100px"   
                    width="400" 
                    height="256" 
                    Title="help" 
                    Behaviors="Close" 
                    Modal="True"   
                    VisibleStatusbar="False" Behavior="Close">  
                </telerik:RadWindow> 
 
                <telerik:RadWindow   
                    ID="winAbout"   
                    runat="server"   
                    Left="100px"   
                    NavigateUrl="Forms/About.aspx"   
                    style="display:none;"   
                    Top="100px"   
                    width="400" 
                    height="256" 
                    Title="help" 
                    Behaviors="Close" 
                    Modal="True"   
                    VisibleStatusbar="False" Behavior="Close">  
                </telerik:RadWindow> 
            </Windows> 
        </telerik:RadWindowManager> 
    </form> 
</body> 
</html> 





1 Answer, 1 is accepted

Sort by
0
Dimo
Telerik team
answered on 07 Sep 2009, 10:44 AM
Hello Willem,

Either set

<telerik:RadPane ID="MainPane"  Scrolling="None" > ..... </telerik:RadPane>

or

<telerik:RadGrid  ID="grMain"  style="border:0;outline:none" > .... </RadGrid>


Regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
Tags
Grid
Asked by
Willem
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or