Telerik Forums
UI for ASP.NET AJAX Forum
8 answers
308 views
Hi,

In my project I have a couple of nested RadSplitters to lay out the pages. Generally it works fine, however there is one prominent issue. When I resize the entire window by dragging the border of my browser it regularly happens that I get an unwanted white space on the right side.
It does not always happen, but if you make the window smaller and smaller it is bound to happen at one point. It goes way immediately when you make the window larger only by the smallest amount.
My guess is that it has something to do with the vertical scrollbar, because the unwanted white space seems to be both the position and the size of it.
Could you please advise me how to avoid this behavior? It would be embarrasing to have to tell out clients that all they have to do is make the window a bit larger again to get rid of the unwanted white space. (As a matter of fact, the overall background in my project is red and the unwanted white space is actually red so it's even more eye catching.)
I have added an archetype example of the page layout I use in my project below.

I also have a related issue, I think.  Sometimes it happens that there appear inactive (but visible; greyed-out) vertical and horizontal scroll bars in my browser window when resizing. This does not happen nearly as often as the white space issue, but when it does happen making the window a bit larger does not help. I have te completely refresh to get rid of them. Mayby you can look into that as well if they are indeed related. Or is it better if I create a new support thread for this issue?

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ResizeTest.aspx.cs" Inherits="CMS.Views.Tests.ResizeTest" %> 
 
<%@ 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 runat="server"> 
    <title></title> 
     
    <style type="text/css"> 
        html, body {margin:0px; padding:0px;} 
        .Header{ background:#cc0000;} 
    </style>     
</head> 
 
<body> 
    <form id="form1" runat="server"> 
        <asp:ScriptManager ID="smDefault" runat="server" /> 
         
        <telerik:RadSplitter ID="rs1stLevel" Runat="server" Width="100%" Height="100%" Orientation="Horizontal" 
            BorderStyle="None" PanesBorderSize="0"> 
             
            <telerik:RadPane ID="rpHeader" runat="server" Height="50" Scrolling="None" CssClass="Header"> 
                header pane 
            </telerik:RadPane> 
             
            <telerik:RadPane ID="rpMain" runat="server" Scrolling="None"> 
                <telerik:RadSplitter ID="rs2ndLevel" runat="server" Width="100%" Height="100%" Orientation="Vertical" 
                    BorderStyle="None" PanesBorderSize="0"> 
                     
                    <telerik:RadPane ID="rpNavigate" runat="server" Width="200" Scrolling="Both"> 
                        navigate pane 
                    </telerik:RadPane> 
                     
                    <telerik:RadSplitBar ID="rsbNavigate_Content" runat="server" CollapseMode="Forward" /> 
                     
                    <telerik:RadPane ID="rpContent" runat="server" Scrolling="None"> 
                        <telerik:RadSplitter ID="rs3rdLevel" runat="server" Width="100%" Height="100%" 
                            Orientation="Horizontal" BorderStyle="None" PanesBorderSize="0"> 
                             
                            <telerik:RadPane ID="rpSummary" runat="server" Height="100" Scrolling="Both"> 
                                summary pane 
                            </telerik:RadPane> 
                             
                            <telerik:RadSplitBar ID="rsbSummary_Details" runat="server" CollapseMode="Forward" /> 
                             
                            <telerik:RadPane ID="rpDetails" runat="server" Width="200" Scrolling="Both"> 
                                details pane 
                            </telerik:RadPane> 
                         
                        </telerik:RadSplitter> 
                    </telerik:RadPane> 
                 
                </telerik:RadSplitter> 
            </telerik:RadPane> 
         
        </telerik:RadSplitter> 
    </form> 
</body> 
</html> 
 

Regards,

Mink Bruijninckx
Svetlina Anati
Telerik team
 answered on 29 Jan 2010
1 answer
80 views
I have ListData contains RAdGrid and i see this enhancement on Header Chk

"if all the check boxes are checked (all rows selected), the check box in the header is also checked. Furthermore, if a single check box (row) is unchecked (unselected) the "Select All" check box is unchecked as well."
http://www.telerik.com/community/code-library/aspnet-ajax/grid/gridclientselectcolumn-un-check-select-all-check-box-automatically.aspx

its work fine on direct use,
but i cant handel that on nested radgrid(DataList contain radgrid with Header Chk  enhancment )

thanks
Omar



Tsvetoslav
Telerik team
 answered on 29 Jan 2010
1 answer
190 views
Hi

I need the slider to increment in 0.5 steps, it does not matter to show 0.5, 1, 1.5 in the ticks but is it possible to increment in between, so 0.5, 1, 1.5.

Also, is it possible so the drag handle to stop at 0.5 and cannot go to 0?

Many thanks.

Richard
Tsvetie
Telerik team
 answered on 29 Jan 2010
3 answers
264 views

Hi All,

Hoping that someone can help:

I have a RadListView and within the RadListView in the item template, I have a RadRating component. This I have bound to a Linq result set and this all works perfectly. To prevent the entire page posting back when rating each RadRating control, I put the list view in an RadXmlHttpPanel and performed the database submission in the RadXmlHttpPanel_ServiceRequest event.

This all works great but then it returns, the error:
XmlHttpPanel Callback Loading error:
Exception=Script control 'ResponseRadRating' is not a registered script control. Script controls must be registered using RegisterScriptControl() before calling RegisterScriptDescriptors().
Parameter name: scriptControl

As mentioned in other posts, I have tried setting the EnableClientScriptEvaluation to "true" on the RadXmlHttpPanel and RegisterWithScriptManager to "false" on the RadRating controls that are in the Item template of the RadListView control. Once I have set these up, the RadXmlHttpPanel_ServiceRequest event no longer fires.

Does you have any suggestions?

Pero
Telerik team
 answered on 29 Jan 2010
1 answer
111 views
I am using a RadGrid to display files and folders in a given directory.  To rename the files and folders, I would like to be able to first highlight a row by clicking on that row, and then upon clicking the already highlighted row again have the RadGrid go into edit mode allowing me to edit the Name cell.  The behavior I am looking for is like that seen in Windows Explorer (Details View).  I have tried implementing this by setting the EditMode="InPlace" and setting columns I don't need to edit to ReadOnly="true".  On the clientside RowClick event I tried only putting the grid in editMode only after the row was already selected, but was not having any luck.   Any help would be appreciated.

Thanks!
Princy
Top achievements
Rank 2
 answered on 29 Jan 2010
1 answer
226 views
Hi all,

I trying to make a new pagertemplate based on the example from Grid / Pager Template. My custom pagertemplate looks like beneath:

using System;  
using System.Web.UI;  
using System.Web.UI.WebControls;  
using Telerik.Web.UI;  
 
namespace CustomControls  
{  
    public sealed class PagerTemplatePanel : Panel, ITemplate  
    {  
        private readonly string _radGridID;  
        private Control _container;  
 
        public PagerTemplatePanel(string radGridID)  
        {  
            _radGridID = radGridID;  
        }  
 
        public void InstantiateIn(Control container)  
        {  
            _container = container;  
        }  
 
        public override ControlCollection Controls  
        {  
            get  
            {  
                //<asp:Panel Style="padding: 6px; line-height: 24px" runat="server">  
                var panelMain = new Panel();  
                panelMain.Style.Add(HtmlTextWriterStyle.Padding, "6px");  
                panelMain.Style.Add("line-height", "24px");  
 
                //    <asp:Panel Style="margin: 0px; padding: 0px; float: left; margin-right: 10px; white-space: nowrap;" runat="server">  
                var panel1 = new Panel();  
                panel1.Style.Add(HtmlTextWriterStyle.MarginBottom, "0px");  
                panel1.Style.Add(HtmlTextWriterStyle.MarginLeft, "0px");  
                panel1.Style.Add(HtmlTextWriterStyle.MarginTop, "0px");  
                panel1.Style.Add(HtmlTextWriterStyle.MarginRight, "10px");  
                panel1.Style.Add(HtmlTextWriterStyle.Padding, "0px");  
                panel1.Style.Add("float", "left");  
                panel1.Style.Add(HtmlTextWriterStyle.WhiteSpace, "nowrap");  
 
                //        <asp:Button ID="BtnFirstPage" runat="server" OnClientClick="radGrid1ChangePage('first'); return false;" 
                //            CommandName="Page" CommandArgument="First" Text=" " CssClass="PagerButton FirstPage" /> 
                var btnFirstPage = new Button  
                {  
                    OnClientClick = "radGrid1ChangePage('first'); return false;",  
                    CommandName = "Page",  
                    CommandArgument = "First",  
                    Text = " ",  
                    CssClass = "PagerButton FirstPage" 
                };  
 
                //        <asp:Button ID="BtnPrevPage" runat="server" OnClientClick="radGrid1ChangePage('prev'); return false;" 
                //            CommandName="Page" CommandArgument="Prev" Text=" " CssClass="PagerButton PrevPage" /> 
                var btnPrevPage = new Button  
                {  
                    OnClientClick = "radGrid1ChangePage('prev'); return false;",  
                    CommandName = "Page",  
                    CommandArgument = "Prev",  
                    Text = " ",  
                    CssClass = "PagerButton PrevPage" 
                };  
                //    </asp:Panel> 
                panel1.Controls.Add(btnFirstPage);  
                panel1.Controls.Add(btnPrevPage);  
 
                //    <asp:Panel runat="server" ID="NumericPagerPlaceHolder" Style="margin: 0px; padding: 0px; float: left; margin-right: 10px; white-space: nowrap;"/>  
                var panel2 = new Panel();  
                panel2.Style.Add(HtmlTextWriterStyle.MarginBottom, "0px");  
                panel2.Style.Add(HtmlTextWriterStyle.MarginLeft, "0px");  
                panel2.Style.Add(HtmlTextWriterStyle.MarginTop, "0px");  
                panel2.Style.Add(HtmlTextWriterStyle.MarginRight, "10px");  
                panel2.Style.Add(HtmlTextWriterStyle.Padding, "0px");  
                panel2.Style.Add("float", "left");  
                panel2.Style.Add(HtmlTextWriterStyle.WhiteSpace, "nowrap");  
 
                //        <asp:Button ID="BtnNextPage" runat="server" OnClientClick="radGrid1ChangePage('next'); return false;" 
                //            CommandName="Page" CommandArgument="Next" Text=" " CssClass="PagerButton NextPage" /> 
                var btnNextPage = new Button  
                {  
                    OnClientClick = "radGrid1ChangePage('next'); return false;",  
                    CommandName = "Page",  
                    CommandArgument = "Next",  
                    Text = " ",  
                    CssClass = "PagerButton NextPage" 
                };  
 
                //        <asp:Button ID="BtnLastPage" runat="server" OnClientClick="radGrid1ChangePage('last'); return false;" 
                //            CommandName="Page" CommandArgument="Last" Text=" " CssClass="PagerButton LastPage" /> 
                var btnLastPage = new Button  
                {  
                    OnClientClick = "radGrid1ChangePage('last'); return false;",  
                    CommandName = "Page",  
                    CommandArgument = "Last",  
                    Text = " ",  
                    CssClass = "PagerButton LastPage" 
                };  
 
                //    </asp:Panel> 
                panel2.Controls.Add(btnNextPage);  
                panel2.Controls.Add(btnLastPage);  
 
                //    <asp:Panel runat="server" Style="float: right">  
                var panel3 = new Panel();  
                panel3.Style.Add("float", "right");  
 
                //        <asp:Label Text="<%$ Resources:LanguageWeb, ItemsPerPage %>" runat="server"></asp:Label>:  
                var label1 = new Label { Text = Resources.LanguageWeb.ItemsPerPage + ":" };  
 
                //        <telerik:RadComboBox ID="RcbCatalogItemPageSize" DataSource="<%# new object[]{10, 20, 30, 40, 50} %>" 
                //            Style="margin-right: 0px; margin-bottom: 5px;" Width="40px" SelectedValue='<%# DataBinder.Eval(Container, "Paging.PageSize") %>' 
                //            runat="server" OnClientSelectedIndexChanged="RcbCatalogItemPageSize_SelectedIndexChanged">  
                //        </telerik:RadComboBox> 
                var comboBox = new RadComboBox  
                {  
                    ID = "RcbCatalogItemPageSize",  
                    DataSource = new object[] { 10, 20, 30, 40, 50 },  
                    Width = Unit.Pixel(40),  
                    SelectedValue = DataBinder.Eval(_container, "Paging.PageSize").ToString(),  
                    OnClientSelectedIndexChanged = "RcbCatalogItemPageSize_SelectedIndexChanged" 
                };  
                comboBox.Style.Add(HtmlTextWriterStyle.MarginRight, "0px");  
                comboBox.Style.Add(HtmlTextWriterStyle.MarginBottom, "40px");  
 
                //    </asp:Panel> 
                panel3.Controls.Add(label1);  
                panel3.Controls.Add(comboBox);  
 
                //    <asp:Panel Style="margin: 0px; float: right;" runat="server">  
                var panel4 = new Panel();  
                panel4.Style.Add(HtmlTextWriterStyle.Margin, "0px");  
                panel4.Style.Add("float", "right");  
 
                //        <asp:Label Text="<%$ Resources:LanguageWeb, ShowingResult %>" runat="server"></asp:Label> 
                //        <%# (int)DataBinder.Eval(Container, "Paging.FirstIndexInPage") + 1 %> 
                //        -  
                //        <%# (int)DataBinder.Eval(Container, "Paging.LastIndexInPage") + 1 %> 
                //        <asp:Label Text="<%$ Resources:LanguageWeb, OutOf %>" runat="server"></asp:Label> 
                //        <%# DataBinder.Eval(Container, "Paging.DataSourceCount")%> 
                var label2 = new Label  
                {  
                    Text = Resources.LanguageWeb.ShowingResult + " " +  
                           (Convert.ToInt32(DataBinder.Eval(_container, "Paging.FirstIndexInPage")) + 1) +  
                           " - " +  
                           (Convert.ToInt32(DataBinder.Eval(_container, "Paging.LastIndexInPage")) + 1) +  
                           " " + Resources.LanguageWeb.OutOf + " " +  
                           DataBinder.Eval(_container, "Paging.DataSourceCount")  
                };  
 
                //        <asp:Image runat="server" 
                //            ID="RadGrid1IncompleteWarning" ImageUrl="../App_Themes/Default/Graphics/Icons/warning.png" 
                //            ToolTip="<%$ Resources:LanguageWeb, SpecifySearchForCompleteResult %>" 
                //            CssClass="gridWarningIcon" />.&nbsp;  
                var imageIncompleteWarning = new Image  
                {  
                    ID = _radGridID + "IncompleteWarning",  
                    ImageUrl = "../App_Themes/Default/Graphics/Icons/warning.png",  
                    ToolTip = Resources.LanguageWeb.SpecifySearchForCompleteResult,  
                    CssClass = "gridWarningIcon" 
                };  
 
                //    </asp:Panel> 
                panel4.Controls.Add(label2);  
                panel4.Controls.Add(imageIncompleteWarning);  
 
                //</asp:Panel> 
                panelMain.Controls.Add(panel1);  
                panelMain.Controls.Add(panel2);  
                panelMain.Controls.Add(panel3);  
                panelMain.Controls.Add(panel4);  
 
                base.Controls.Add(panelMain);  
 
                return base.Controls;  
            }  
        }  
    }  
}  
 

I am trying to set this pagertemplate in my radgrid init as following:

protected void Grid_Init(object sender, EventArgs e)  
        {  
            if(!(sender is RadGrid)) return;  
            var grid = (RadGrid) sender;  
            grid.MasterTableView.PagerTemplate = new PagerTemplatePanel(grid.ID);  
        } 

But as you probably has guessed, nothing is showing up at my grid. What should I do?

Best regards,
Kenneth
Princy
Top achievements
Rank 2
 answered on 29 Jan 2010
2 answers
119 views
In a radgrid, is it possible to have two different user controls, one for the edit form and one for the insert form ?

Thanks in advance!
Sunit
Top achievements
Rank 1
 answered on 29 Jan 2010
2 answers
267 views
Hi Telerik-Team,

I want to use the property   "IsFilterItemExpanded" on a radgrid. So by default the filter bar isn't show. My plan is to add an button to the grid for showing the filterbar by clicking this button.

Is this possible and on the other side how?

I can't find any help in the CHM for the rad grid, if I search for IsFilterItemExpanded"

Thanks for help.

Regards
Christian
Top achievements
Rank 1
 answered on 29 Jan 2010
1 answer
68 views
When there are no records in my radgrid, I have a NoRecordsTemplate
I have groupings that are defined, and I find that a placeholder for the grouping image still appears to the left of the no records template.
Can I disable this so that if there are no records, the groupings don't show ?

Please take a look at the attached picture for reference - it is the blue part to the left of the "There are currently no records to display" message that I want removed.

 

Yavor
Telerik team
 answered on 29 Jan 2010
6 answers
106 views
I have a RadTextBox in GridTemplateColumn, which should initiate updateItem() on AutoPostBack or TextChanged.
What is a right way to find containing GriDataItem and initiate updateItem()?
ruslan opiu
Top achievements
Rank 1
 answered on 29 Jan 2010
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?