Questions on UI for ASP.NET AJAX Forum

3 answers

324 views

Toggle Button

Hi

I don't have any joy with toggle buttons. Even the demos

http://demos.telerik.com/aspnet-ajax/button/examples/overview/defaultvb.aspx?show-source=true

dont work when you select "toggle". They seem to display as text - no button, and no ability to skin them

am I doing something wrong?

best regards

Phil

Button

answered on 08 Apr 2015

17 answers

1.4K+ views

0x800a138f - JavaScript runtime error: Unable to set property 'control' of undefined or null reference

Making change from in-place editing to editforms with a form template results in the following error:

Unhandled exception at line 3, column 62240 in http://localhost:49573/Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScripts_=;;AjaxControlToolkit,+Version=4.5.7.1005,+Culture=neutral,+PublicKeyToken=28f01b0e84b6d53e:en-US:a410b875-5cb5-4d5e-9cf6-234163990602:ea597d4b:b25378d2

0x800a138f - JavaScript runtime error: Unable to set property 'control' of undefined or null reference

Apparently this is happening at other places within the application as well in the deployed version, causing some components (such as RadUpload) not to function correctly. Any feedback on how to solve this would be appreciated. So, I imagine it isn't a Grid error per se, but a ScriptManager error.

Have tried different revs of telerik controls (1015, 926, 917), and different .net levels (4.5, 4.51, 4.0). Have uninstalled and reinstalled with no success.

Working Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestForm.aspx.cs" Inherits="TestForm" %>

<!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>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadTextBox ID="txtSelect" runat="server" Width="100%"/>

<telerik:RadGrid ID="RadGrid_Master" runat="server" AllowPaging="True" PageSize="5" DataSourceID="SqlDataSource_Master" AutoGenerateColumns="False" AllowAutoMaticUpdates="true" >

<MasterTableView DataSourceID="SqlDataSource_Master" DataKeyNames="Key" EditMode="InPlace" >

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1" />

<telerik:GridBoundColumn DataField="Key" DataType="System.Guid" FilterControlAltText="Filter Key column" HeaderText="Key" ReadOnly="True" SortExpression="Key" UniqueName="Key" />

<telerik:GridBoundColumn DataField="Name" FilterControlAltText="Filter Name column" HeaderText="Name" SortExpression="Name" UniqueName="Name" MaxLength="30" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource_Master" runat="server" ConnectionString="<%$ ConnectionStrings:TestConnection %>"

SelectCommand = "SELECT Key, Name FROM Products"

UpdateCommand = "UPDATE Products SET Name = @Name WHERE Key = @Key">

<UpdateParameters>

<asp:Parameter Name="Name" />

<asp:ControlParameter ControlID="RadGrid_Master" Name="Key" PropertyName="SelectedValue" />

</UpdateParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource_Detail" runat="server"

ConnectionString="<%$ ConnectionStrings:TestConnection %>" SelectCommand="SELECT * FROM Pricing WHERE RateIndictor = 'W' AND Key = @Key">

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid_Master" Name="Key" PropertyName="SelectedValue" />

</SelectParameters>

</asp:SqlDataSource>

</form>

</body>

</html>

Not Working Code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestForm.aspx.cs" Inherits="TestForm" %>

<!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>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager runat="server" ID="RadScriptManager1" />

<telerik:RadTextBox ID="txtSelect" runat="server" Width="100%"/>

<telerik:RadGrid ID="RadGrid_Master" runat="server" AllowPaging="True" PageSize="5" DataSourceID="SqlDataSource_Master" AutoGenerateColumns="False" AllowAutoMaticUpdates="true" >

<MasterTableView DataSourceID="SqlDataSource_Master" DataKeyNames="Key" EditMode="EditForms">

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn1" />

<telerik:GridBoundColumn DataField="Key" DataType="System.Guid" FilterControlAltText="Filter Key column" HeaderText="Key" ReadOnly="True" SortExpression="Key" UniqueName="Key" />

<telerik:GridBoundColumn DataField="Name" FilterControlAltText="Filter Name column" HeaderText="Name" SortExpression="Name" UniqueName="Name" MaxLength="30" />

</Columns>

<EditFormSettings EditFormType="Template">

<FormTemplate>

<telerik:RadTextBox ID="RadTextBox1" Runat="server" LabelWidth="64px" Resize="None" Text='<%# Bind("Name", "{0}") %>' Width="160px" MaxLength="30" />

<br />

<asp:Button ID="btnUpdate"

Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>' runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'/>

<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" />

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

<asp:SqlDataSource ID="SqlDataSource_Master" runat="server" ConnectionString="<%$ ConnectionStrings:TestConnection %>"

SelectCommand = "SELECT Key, Name FROM Products"

UpdateCommand = "UPDATE Products SET Name = @Name WHERE Key = @Key">

<UpdateParameters>

<asp:Parameter Name="Name" />

<asp:ControlParameter ControlID="RadGrid_Master" Name="Key" PropertyName="SelectedValue" />

</UpdateParameters>

</asp:SqlDataSource>

<asp:SqlDataSource ID="SqlDataSource_Detail" runat="server"

ConnectionString="<%$ ConnectionStrings:TestConnection %>" SelectCommand="SELECT * FROM Pricing WHERE RateIndictor = 'W' AND Key = @Key">

<SelectParameters>

<asp:ControlParameter ControlID="RadGrid_Master" Name="Key" PropertyName="SelectedValue" />

</SelectParameters>

</asp:SqlDataSource>

</form>

</body>

</html>

Grid

answered on 08 Apr 2015

4 answers

190 views

Rad Grid Column Filter text is not clearing dynamically

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.

Grid

answered on 08 Apr 2015

2 answers

58 views

Virtualization Throwing Error for VS 2010 with Version 2015.1.318.40

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>

Grid

answered on 08 Apr 2015

8 answers

373 views

Culture of the edit form when dealing with dates

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

Grid

answered on 08 Apr 2015

2 answers

62 views

Telerik Styling / Skin Issue on certain clients

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?

General Discussions

answered on 08 Apr 2015

2 answers

49 views

Captureing custom key presses W/O use of JS

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

Documentation and Tutorials

answered on 08 Apr 2015

3 answers

142 views

Customized Radgrid filter as rad combo box for autogenerated columns true

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).

Filter

answered on 08 Apr 2015

1 answer

339 views

Set content between Sticky Header and Footer

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">

<html xmlns="http://www.w3.org/1999/xhtml">

<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>

PageLayout

answered on 08 Apr 2015

9 answers

1.0K+ views

GDI+ Error in System.Drawing.Graphics.MeasureString

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

ComboBox

answered on 08 Apr 2015