Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
188 views
Hi All,

I am facing an issue with Rad Grid that, whan i am clearing Rad Grid programmatically, it is not clearing its column filter text. But all the records in Grid are cleared.

Please have a look into the below url for better idea,
http://www.telerik.com/account/support-tickets/view-ticket.aspx?threadid=220410

Can any one help to clear the grid either from client side or from server side?


Thanks,
KKB.
karthik
Top achievements
Rank 1
 answered on 08 Apr 2015
2 answers
56 views

I am binding my grid using AJAX and PageMethods like below

$(document).ready(function () {
 
PageMethods.GetEmployees(updateGrid, err);
//bindSourceGrid();
});
 
function updateGrid(result) {
 
var tableView = $find("<%= SourceGrid.ClientID %>").get_masterTableView();
 
tableView.set_dataSource(result);
 
tableView.dataBind();
}
 
function err(e) {
 
}

function RadGrid1_DataBound(sender, args) {
alert("Grid with id: " + sender.get_element().id + " bound on the client");
}

function SourceGrid_RowDataBound(sender, args) {
}

function GridCreated(sender, eventArgs) {


}

I am getting result back from server, but during rendering getting javascript error (Please see the attached image). My aspx is like below which hasn't any master and an independent sample page with reference to JQuery. Any clue here would be appreciated.

<telerik:RadScriptManager ID="ScriptManager" runat="server" />
<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
</telerik:RadAjaxLoadingPanel>
<telerik:RadGrid ID="SourceGrid" runat="server" ShowGroupPanel="false" AllowSorting="false" ShowFooter="true" AllowPaging="false" HeaderStyle-CssClass="tableHeading br" AutoGenerateColumns="false" GridLines="Both" EnableViewState="false">
<ClientSettings>
<Virtualization EnableVirtualization="true" InitiallyCachedItemsCount="2000" ItemsPerView="100" />
<Scrolling AllowScroll="true" UseStaticHeaders="true"></Scrolling>
<Resizing AllowColumnResize="true" />
<ClientEvents OnCommand="SourceGrid_Command" OnGridCreated="GridCreated" OnRowDataBound="SourceGrid_RowDataBound" />
</ClientSettings>
<ExportSettings>
<Excel />
</ExportSettings>
<GroupingSettings ShowUnGroupButton="true"></GroupingSettings>
<MasterTableView ShowGroupFooter="false" GridLines="Both" DataKeyNames="" GroupHeaderItemStyle-Font-Underline="true">
<CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">
</RowIndicatorColumn>
<ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column" Created="True">
</ExpandCollapseColumn>
<Columns>

 

 

 

Viktor Tachev
Telerik team
 answered on 08 Apr 2015
8 answers
368 views
Hello,

I'm looking for a way to control the culture of the edit form that is created by a radgrid's edit button

I've got a radgrid connected to a simple objectdatasource.
There are two date values in the object.
This is my page load:

        protected void Page_Load(object sender, EventArgs e)
        {
            RadGrid1.Culture = new CultureInfo("en-GB");
            //RadGrid1.Rebind();
        }

I've set DataFormatString="{0:dd/MM/yyyy}" on the date gridboundcolumns

Now the problem is, the dates are in en-GB in the grid, but when clicking edit, the format is assumed to be en-US

basically I can have a date of 2/11/2011 (November 2, 2011) in the grid, click edit and see 2/11/2011 in the edit box, click update, and the radgrid now displays 11/2/2011 (February 11, 2011), if I click edit again and update, the radgrid will display 2/11/2011

Now, this time when I click edit, if I enter 2 November 2011, then the date is passed correctly, in en-GB. This makes me think that this edit form is assuming en-US, even though the grid (and the thread culture) is en-GB.

Adding the RadGrid1.Rebind(); to the page load seems to fix the problem,  but then multple edit buttons start appearing
Konstantin Dikov
Telerik team
 answered on 08 Apr 2015
2 answers
60 views

Hi,

 

I use UI for ASP.NET AJAX v.2013.2.717.40 in my ASP.Net application. With the built in Skin WebBlue.

The application is deployed and is functioning as expected.

 

However some of my clients that use the application complain that the skinning of certain controls are not working. However whenever I test from various clients (Chrome, IE) it does render.

 

I have supplied Two images, one showing that the RadWindow border is not showing on my clients browser, but on mine it does.

 

Can you point me in a right direction please?

 

 

Paul
Top achievements
Rank 1
 answered on 08 Apr 2015
2 answers
49 views
Hi,
I am in the situation that I have some data in a container class in my codebehind. I need to be able to access this data when i capture a keypress whic means that the approach the article on keypresses can't be used since i have to capture and process the keypress in JS. Is there a way to capture this in the codebehind?

The article I am talking about is http://www.telerik.com/help/aspnet-ajax/grid-onkeypress.html 

Regards
Casper Andersen
Casper
Top achievements
Rank 1
 answered on 08 Apr 2015
3 answers
134 views
Hi,

I would like to create filter exactly as shown in the upper grid here - http://demos.telerik.com/aspnet-ajax/grid/examples/functionality/filtering/filter-templates/defaultvb.aspx 
I succeeded in creating the rad combo radgrid filters  for autogenerated columns = false, but I have no idea on how to do it for autogenerated columns. There are about 40 columns and I need to apply filters for 3 columns. For the inbuilt radgrid filter, I handle radgrid's columncreated(). But I have no clue on how to replace these with the customized rad combo filter.

I have 40 columns in the table. I used the exact radcombo aspx code in above mentioned demo and made radgrid's datasource as "select * from table", it worked perfectly but the columns are repeated, meaning, col1 and col5 are the columns that has combo filters. When using autogenerated columns, the radgrid is displayed with col1 and col5 and all 40 columns(col1 thru col40).
Eyup
Telerik team
 answered on 08 Apr 2015
1 answer
335 views

Hi, I was able to set sticky header and footer with Pagelayout In Master page. However, the child page do not in between the header and footer.

The child page in the content place holder  display in the whole browser with the  header and footer appear front of it. Anywhere I could get the child page appear between the sticky header and footer, and the child page will  scroll when overflow. Thanks

 I'm using Visual studio 2010 with .net framework 4.0.

OS:Windows 7

Browser: IE 10

Telerik version:2015.1.225.40

Preferred programming language: VB.NET

Below are my code for Master page and child page

 

<%@ Master Language="VB" AutoEventWireup="false" CodeBehind="Responsive.master.vb" Inherits="GMAT.Responsive" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>
<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title></title>
    <meta http-equiv="Page-Enter" content="blendTrans(Duration=.5)" />
    <meta http-equiv="Page-Exit" content="blendTrans(Duration=.5)" />
    <meta name="viewport" content="initial-scale=1.0, minimum-scale=1, maximum-scale=1.0, user-scalable=no" />
    <link href="~/Styles/Site.css" rel="stylesheet" type="text/css" />
    <link href="~/Styles/jquery-ui/css/cupertino/jquery-ui-1.10.3.custom.min.css" rel="stylesheet" type="text/css" />
 
    <script src="scripts/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="scripts/jquery-ui/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
    <script src="scripts/jquery.sessionTimeout.js" type="text/javascript"></script>
     
    <asp:ContentPlaceHolder ID="head" runat="server">
    </asp:ContentPlaceHolder>
    <style type="text/css">
    .header1 {
        background-color: black;
        position:fixed;
        width:100%;
        top:0;
        z-index:1000;
    }
 
    .header2 {
        background-color: #E8EAEC;
    }
 
    .header3 {
        background: linear-gradient(#FDFEFE, #F0F2F4) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
 
 
    .content {
    }
 
    .article2 {
        background-color: #EEF1F3;
    }
 
    .footer {
        background-color: black;
    }
 
    html,
    body,
    form {
        margin: 0;
        padding: 0;
        height: 100%;
    }
 
    .container {
        min-height: 100%;
        position: relative;
    }
 
 
    .allContent {
        padding-top:40px;
        padding-bottom: 84px; /* Height of the footer */
    }
 
    .footer {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 84px; /* Height of the footer */
        background: black;
    }
</style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ToolkitScriptManager ID="TSM_CMS_MAIN" runat="server">
    </asp:ToolkitScriptManager>
     
        <div>
    <telerik:RadPageLayout runat="server" ID="PageLayoutMaster" HtmlTag="None" GridType="Fluid" >
    <Rows>
        <telerik:LayoutRow RowType="Generic" CssClass="container">
            <Rows>
                <telerik:LayoutRow RowType="Generic" CssClass="allContent">
                    <Rows>
                        <telerik:LayoutRow RowType="Container" WrapperCssClass="header1" WrapperHtmlTag="Div">
                            <Columns>
                        <%--Logo--%>
                        <telerik:LayoutColumn Span="2" SpanMd="3" SpanSm="12" SpanXs="12">
                            <a href="#" class="logo">
                                <img src="images/logo1.jpg" alt="logo"/>
                            </a>
                        </telerik:LayoutColumn>
                        <telerik:LayoutColumn Span="2" SpanMd="2" SpanSm="12" SpanXs="12">                           
                        <div class="title_main2">
                            <h1>
                                Testing
                            </h1>
                         </div>
                        </telerik:LayoutColumn>
                        <%--Main Nav--%>
                        <telerik:LayoutColumn Span="8" SpanMd="7" SpanSm="12" SpanXs="12">
                            <telerik:RadMenu ID="RadMenu1" runat="server" RenderMode="Auto" EnableRoundedCorners="true" EnableSelection="true" EnableShadows="true"  >
                                <Items>
                                    <telerik:RadMenuItem Text="Home" NavigateUrl="Default.aspx" />
                                    <telerik:RadMenuItem IsSeparator="true" />
                                    <telerik:RadMenuItem Text="Grid Page" NavigateUrl="Grid.aspx" />
                                    <telerik:RadMenuItem IsSeparator="true" />
                                    <telerik:RadMenuItem Text="ListView Page" NavigateUrl="ListView.aspx" />
                                    <telerik:RadMenuItem IsSeparator="true" />
                                    <telerik:RadMenuItem Text="testing" NavigateUrl="testing.aspx"  />
                                    <telerik:RadMenuItem IsSeparator="true" />
                                    <telerik:RadMenuItem Text="Projects" />
                                </Items>
                            </telerik:RadMenu>
                        </telerik:LayoutColumn>
                        <telerik:LayoutColumn Span="12" SpanMd="12" SpanSm="12" SpanXs="12">
                        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
                                                </asp:ContentPlaceHolder>
                        </telerik:LayoutColumn>
                            </Columns>
                        </telerik:LayoutRow>
                        <telerik:LayoutRow RowType="Container"  WrapperCssClass="content" WrapperHtmlTag="Div" HtmlTag="None">
                            <Content>
                                <telerik:RadPageLayout runat="server" ID="PageLayoutConent" HtmlTag="None" GridType="Fluid">
                                    <Rows>
                                        <telerik:LayoutRow RowType="Container" WrapperCssClass="article1" WrapperHtmlTag="Div">
                                            <Content>                                               
                                                 
                                            </Content>
                                        </telerik:LayoutRow>
                                    </Rows>
                                </telerik:RadPageLayout>
                            </Content>
                        </telerik:LayoutRow>
                    </Rows>
                </telerik:LayoutRow>
 
                <telerik:LayoutRow RowType="Container" WrapperCssClass="footer" WrapperHtmlTag="Div">
                    <Content>
                        <div style="height: 84px"><a style="color: white">Sticky footer</a></div>
                    </Content>
                </telerik:LayoutRow>
            </Rows>
        </telerik:LayoutRow>
 
    </Rows>
</telerik:RadPageLayout>
        </div>
    </form>
</body>
</html>

 

 

 

<%@ Page Title="" Language="vb" AutoEventWireup="false" MasterPageFile="~/Responsive.Master" CodeBehind="ResponsivePage.aspx.vb" Inherits="GMAT.ResponsivePage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
        <div>
                <table border="1px" height="1000px" style="width:100%">
                    <tr>
                        <td style="float:left;text-align:justify;font-size:0.9em;vertical-align:bottom;">
                             
                        </td>
                        <td style="float:right;text-align:justify;font-size:0.9em; color:White;">
                           The First line
                        </td>
                    </tr>
                    <tr>
                        <td style="float:left;text-align:justify;font-size:0.9em;">
                             
                        </td>
                        <td style="float:right;text-align:justify;font-size:0.9em;vertical-align:bottom;">
                            Â© Second line:
                             
                             
                             
                        </td>
                    </tr>
                    <tr>
                        <td style="float:left;text-align:justify;font-size:0.9em;">
                             
                        </td>
                        <td style="float:right;text-align:justify;font-size:0.9em;vertical-align:bottom;">
                            Â© The Last line
                             
                             
                             
                        </td>
                    </tr>
                </table>
                </div>
</asp:Content>

Magdalena
Telerik team
 answered on 08 Apr 2015
9 answers
989 views
My application populates a combobox with 3000+ items. When I select all the items in the list, I get the following error on postback of the page.

Is there a limit on the maximum number of items/characters I can display in the combobox?

[ExternalException (0x80004005): A generic error occurred in GDI+.]
System.Drawing.Graphics.MeasureString(String text, Font font, SizeF layoutArea, StringFormat stringFormat) +1593640
System.Drawing.Graphics.MeasureString(String text, Font font, SizeF layoutArea) +18
System.Drawing.Graphics.MeasureString(String text, Font font) +43
Telerik.Web.UI.RadComboBox.MeasureCheckedItemsText(String checkedItemsTexts) +188
Telerik.Web.UI.RadComboBox.OnPreRender(EventArgs e) +421
System.Web.UI.Control.PreRenderRecursiveInternal() +113
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Control.PreRenderRecursiveInternal() +222
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +4297


Peter Filipov
Telerik team
 answered on 08 Apr 2015
1 answer
212 views

Here is my scenario

I have two grid and two buttons and layout is as follows

UI :

1. Student_Grid <Student Name, Student ID, Select Checkbox> : Student Info Grid

2. Move Button : Button which will Copy Selected Students from Student_Grid to Notice_Grid

3. Notice_Grid <Student Name, Student ID, some columns, Hobbies_dropdownlist>

4. Submit  Button : which will send data to server.

DataTable :

1. Student_data <master>

2. Hobbies_data <master>

3. Student_hobbies <relationship table>

Requirement :

User will select few students from Student_Grid and use Move button to copy those to Notice_Grid where user selects Hobbies (which is different for different students)

Problem:

I am creating datatable in aspx.vb page and then binding that data to Notice_Grid. Problem is, I m not able to populate dropdownlist datasource since, it is dynamic. I tried different ways but didnt find way to assign datasource to dropdownlist/combobox based on studentid. each row could have different list under hobbies column.

 

Thanks in advance

 

Note: I am using Radgrid with Batch mode

Konstantin Dikov
Telerik team
 answered on 08 Apr 2015
1 answer
314 views

With reference to the attached image, I would like to adjust the scrollbar to fit in better with the Metro Touch skin.

 I do not want to resort to an external plug-in, just make the color or shading more harmonious with the surrounding content.

 

 

 

Magdalena
Telerik team
 answered on 08 Apr 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?