Questions on UI for ASP.NET AJAX Forum

18 answers

1.9K+ views

I'm having trouble getting a required field validator attached to work with RadAsyncUpload.
I am using Peter Blum validation, but I imagine the problem is the same with basic .NET validators.

The Peter Blum RequiredTextValidator doesn't work with RadAsyncUpload.

Instead I tried a custom validator with the following client-side function:

function AsyncUploadRequiredValidation(cond) {

var uploader = $find(cond.IDToEval);

return (uploader.getUploadedFiles().length == 0) ? 0 : 1;

}

But this code throws an exception: 'getUploadedFiles is not a function'. The $find method does find something, but none of the RadAsyncUpload's client-side functions available on the returned object.

AsyncUpload

answered on 21 Nov 2013

27 answers

5.8K+ views

IIS7 and Telerik.Web.UI.WebResource.axd' is missing in web.config

Hello,

I am running Windows Server 2008 (IIS7) and am getting the following error:

'~/Telerik.Web.UI.WebResource.axd' is missing in web.config. RadScriptManager requires a HttpHandler registration in web.config.

I have already found information in the forum and your troubleshooting guides about moving the Telerik handler from the HttpHandler section to the system.webServer handlers area. I have this in my web.config:

    
            <system.webServer> 
        
                <handlers> 
        
                ...     
        
                <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI, Version=2008.1.415.35, Culture=neutral, PublicKeyToken=121fae78165ba3d4" 
        
                     name="Telerik.Web.UI.WebResource"/> 
        
                </handlers> 
        
                ... 
        
            </system.webServer>

However, when I try to run my page that has an RadScriptManager on it, I get the error mentioned earlier. The handler does not appear to be loading.

Any help with this would be appreciated.

Thanks,
Stephen

General Discussions

answered on 21 Nov 2013

7 answers

301 views

RadGrid default filter result export

hi, i have used radgrid default filter for filtering items in grid using GridBoundColumn. now i want to export the dataset to excel format found by appying filter in columns. how to do it? please let me know.
sorry for my bad english.

General Discussions

answered on 21 Nov 2013

2 answers

260 views

RadMenu Items are not displayed properly in RADGRID

Hello Telerik Support Team,

Having some issues with RadMenu control. Please have a look on code block and attached screenshots.
Issue – RadMenu items are not displayed properly in RadGrid. No idea how it’s taking grid row’s height and width. I have tried to override RadMenu css but still same issues.

Regards,

Ajit Singh

---------------- ASPX and CSS CODE-----------------------

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication6.WebForm1" %>
<%@ 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">
        .MasterTable_Default caption {
            color: red;
            background-color:Black;
            text-align:left;
        }
        .leftNavigatorstlye-Link
        {
            background-color:#0071bc;
            font-size: 12px;
            text-decoration: none;
            font-family: Segoe UI, Helvetica, Garuda, Arial, sans-serif;
            font-weight: bold;
            color:White;
        }
        .RadGrid_Default .rgHeader,
        .RadGrid_Default th.rgResizeCol
        {
         background:url('Grid/headers.gif') repeat-x #434343 !important;
            font-size: 12px !important;
            text-decoration: none !important;
            font-family: Segoe UI, Helvetica, Garuda, Arial, sans-serif !important;
            font-weight: bold !important;
            color:White !important;
        }
</style>
</head>
<body>

    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <div>
    <table id="maintable" runat="server" style="width:100%;border-spacing:0;border-collapse:separate;">
        <tr><td class="leftNavigatorstlye-Link">My Task</td></tr>
        <tr>
            <td>
                <telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" AllowMultiRowSelection="True"
                    runat="server" AllowSorting="True" GridLines="None" AllowPaging="True" CellSpacing="0"
                        ShowGroupPanel="True" onitemcommand="RadGrid1_ItemCommand" >
                    <MasterTableView CommandItemDisplay="Top" CssClass="MasterTable_Default" HeaderStyle-CssClass="rgHeader" TableLayout="Fixed" >
                        <CommandItemTemplate>
                            <asp:LinkButton ID="LinkButton6" runat="server" CommandName="Rebind">
                                <img style="border:0px; height:22px;width:22px;" alt="" src="RefreshList.gif" />
                            </asp:LinkButton>
                            <asp:LinkButton ID="LinkButton1" runat="server" CommandName="Rebind">
                                Global Actions
                            </asp:LinkButton>
                            <br />
                        </CommandItemTemplate>
                        <Columns>
                            <telerik:GridClientSelectColumn UniqueName="ClientSelectColumn">
                            </telerik:GridClientSelectColumn>
                            <telerik:GridTemplateColumn>
                                <ItemTemplate>
                                    <telerik:RadMenu ID="RadMenu1" runat="server" EnableRoundedCorners="true" EnableShadows="true"
                                        ExpandAnimation-Type="None" CollapseAnimation-Type="None" ExpandDelay="0" CollapseDelay="0" >
                                        <Items>
                                            <telerik:RadMenuItem Text="Actions" Selected="false">
                                                <GroupSettings ExpandDirection="Right" />
                                                <Items >
                                                    <telerik:RadMenuItem Text="View Process" />
                                                    <telerik:RadMenuItem Text="Cancel Task" />
                                                    <telerik:RadMenuItem Text="Reassign task" />
                                                    <telerik:RadMenuItem Text="Create Linked Work Item" />
                                                </Items>
                                            </telerik:RadMenuItem>
                                        </Items>
                                    </telerik:RadMenu>
                                </ItemTemplate>
                            </telerik:GridTemplateColumn>
                        </Columns>
                    </MasterTableView>
                    <ClientSettings EnableRowHoverStyle="true" AllowDragToGroup="True">
                        <Selecting AllowRowSelect="True"></Selecting>
                        <Scrolling AllowScroll="True" UseStaticHeaders="True" />
                    </ClientSettings>
                </telerik:RadGrid>
            </td>
        </tr>
    </table>
<asp:SqlDataSource ID="SqlDataSource1" runat="server"
        ConnectionString="<%$ ConnectionStrings:ConnectionString %>"
        SelectCommand="SELECT [USER_NAME],[FULL_NAME],[DEPARTMENT],[EMAIL_ADDRESS],[MANAGER],[GROUP_NAME] FROM [tUsers]"></asp:SqlDataSource>
<br /><br />

</div>
</form>
</body>
</html>

-------------------------------- CODE BEHIND------------------------
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Telerik.Web.UI;

namespace WebApplication6
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

}

        protected void RadGrid1_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
        {
            if (e.CommandName == "Rebind")
            {
                RadGrid1.Rebind();
            }

}
}
}

Menu

answered on 21 Nov 2013

1 answer

140 views

Custom style datepicker and time picker

Hi

How to apply the silk skin to the date picker and time picker as shown on the Telerik demos page. with silk skin(the icon, on hover highlighted in blue, rounded edges etc) as shown on Telerik demo page http://demos.telerik.com/aspnet-ajax/calendar/examples/datepicker/custompopup/defaultcs.aspx

Thanks for your input.

Calendar

answered on 21 Nov 2013

1 answer

168 views

Updating textbox based on RadGrid selection

I am using a RadGrid and want to be able to show row specific details in another item (such as a TextBox) when a row is clicked. This is similar to the example seen in this Grid Example. Since the Grid Example does not have details I am using the example in Grid Row Selection. I want the selection to work like the top example, not the bottom one. I am trying to have the JavaScript call a method in the aspx.cs page that then updates a text box, but the PageMethods.RowClick method in the code behind is static so it does not have access to TextBox1. Is it possible to have more control in the aspx.cs page? The first example looks to be using previously generated items that are then hidden or exposed using JavaScript. Is that what I need to be doing?

I basically want the user to be able to click on a row in the RadGrid and have other things on the page update immediately based on the selected row.

//radgrid.aspx

function RadGrid1_OnRowClick(sender,eventArgs)

{

var MasterTable = sender.get_masterTableView();

var Name = MasterTable.getCellByColumnUniqueName(row, "Server").innerHTML;

PageMethods.RowClick(Name);

}

// radgrid.aspx.cs

[System.Web.Services.WebMethod]

public static void RowClick(string item)

{

TextBox1.Text += item;

}

Grid

answered on 20 Nov 2013

1 answer

152 views

Rounded grid

I have a screen that has numerous rag grids on it.

.RadGrid

{

border-radius: 10px;

overflow: hidden;

}

This code works great it rounds all the grids, but I would like to control which grids are rounded. I have a few hierarchical grids and I do not ant the inner grid to have rounded corners

This code is in my main site.css and I want to keep it there. I have tried #name but that is not the most ideal nor did it work. I would like to add a cssclass name to the grids that I want the rounded corners on.

Grid

answered on 20 Nov 2013

0 answers

116 views

Expand and Collapse

I am currently using windows 7 visual studio 2010 and telerik controls 2013.2.717.40. I have created a custom skin but when I apply it I lose the Expand and Collapse icon on the grid. I decided to use a stock skin outlook and then change the icons but when I add the icon url it still shows the standard right arrow.

Are you no longer able to alter the icon and if you use a custom screen whey does the icon disappear?

Grid

asked on 20 Nov 2013

3 answers

165 views

Validation message in EditForm

Hi,

I have placed a table in an edit form that contains validation on several textboxes. I'm trying to make the validation message to be right in the cell that contains the textbox. It seems like if I'm doing soemthing like the code below in my ItemCommand event, the message would be in the "outer" table cell. How do I access the table cell that's in the table within the <FormTemplate>?

<EditFormSettings EditFormType="Template">

<EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1">

</EditColumn>

<FormTemplate>

<table class="auto-style1" border="2" >

<tr>

<td style="width:8%">Building Name:</td>

<td style="width:8%">

<asp:TextBox ID="bldgname" runat="server" MaxLength="40" >

</asp:TextBox>

</td>

<td style="width:8%">Column3</td>

<td style="width:100%">Column4</td>

</tr>

<tr>

<td>Address:</td>

<td>

<asp:TextBox ID="address1" runat="server" Text='<%# Bind("bldgstreet1") %>'></asp:TextBox><br />

<asp:TextBox ID="address2" runat="server" Text='<%# Bind("bldgstreet2") %>'></asp:TextBox><br />

</td>

<td> </td>

</tr>

<tr>

<td>City:</td>

<td>

<asp:TextBox ID="bldgcity" runat="server" Text='<%# Bind("bldgcity") %>'></asp:TextBox><br />

</td>

<td> </td>

</tr>

<tr>

<td>State:</td>

<td>

<asp:TextBox ID="bldgstate" runat="server" Text='<%# Bind("bldgstate") %>'></asp:TextBox><br />

</td>

<td> </td>

</tr>

<tr style="width:5%; height:50px">

<td>Zip:</td>

<td>

<asp:TextBox ID="bldgzip" runat="server" Text='<%# Bind("bldgzip") %>'></asp:TextBox><br />

</td>

<td>

<div>

<table width="100%">

<tr>

<td style="width:30%">

<asp:ImageButton ID="CertifyAddressImageButton" runat="server" ImageUrl="~/images/certificate32.png" OnClick="CertifyAddressImageButton_Click"/>

</td>

<td style="width:70%">

<asp:CheckBox ID="CheckBoxOverride" runat="server" Text="Override?" TextAlign="Left" Font-Size="Large" />

</td>

</tr>

</table>

</div>

</td>

<td>

<telerik:RadComboBox ID="WireCenterRadComboBox" Runat="server" Height="200px" Width="200px" DropDownWidth="750px"

HighlightTemplatedItems="True" MarkFirstMatch="True"

EnableLoadOnDemand="True" Filter="StartsWith" EmptyMessage="Enter WireCenter Name..." ToolTip="Enter WireCenter Name to Filter list"

OnItemsRequested="WireCenterRadComboBox_ItemsRequested" OnLoad="WireCenterRadComboBox_Load">

<HeaderTemplate>

<table style="width: 700px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 80px;">WireCenter</td>

<td style="width: 150px;">Name</td>

<td style="width: 150px;">T1OrderMethod</td>

<td style="width: 100px;">Vendor ACTL</td>

<td style="width: 170px;">Logix ACTL</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width:700px" cellspacing="0" cellpadding="0">

<tr>

<td style="width: 80px;"><%# DataBinder.Eval(Container, "Text")%></td>

<td style="width: 150px;"><%# DataBinder.Eval(Container, "Attributes['wirecentername']")%></td>

<td style="width: 150px;"><%# DataBinder.Eval(Container, "Attributes['t1ordermethod']")%></td>

<td style="width: 100px;"><%# DataBinder.Eval(Container, "Attributes['vendoractl']")%></td>

<td style="width: 170px;"><%# DataBinder.Eval(Container, "Attributes['logixactl']")%></td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'

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

</asp:Button>

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

</td>

<td> </td>

</tr>

</table>

</FormTemplate>

</EditFormSettings>

if (e.CommandName == RadGrid.UpdateCommandName ||

e.CommandName == RadGrid.PerformInsertCommandName)

{

GridEditableItem item = e.Item as GridEditableItem;

// Validate Zip Code

RegularExpressionValidator validZip = new RegularExpressionValidator();

// for Accessing boundcolumn

GridTextBoxColumnEditor editor;

// Test zip

TextBox txtbx;

TableCell cell;

txtbx = (TextBox)item.FindControl("bldgzip");

cell = ((GridEditFormItem)txtbx.NamingContainer).EditFormCell;

validZip.ControlToValidate = txtbx.ID;

validZip.ErrorMessage = "only [0-9] and '-' are allowed";

validZip.ValidationExpression = @"^\d{5}(-\d{4})?$";

validZip.ForeColor = System.Drawing.Color.Red;

cell.Controls.Add(validZip);

// End Test Zip

validZip.Validate();

Grid

answered on 20 Nov 2013

3 answers

132 views

Async PostBack Errors - Unable to get value of the property 'style': object is null or undefined

When any PostBack occurs (in this case, I am using a RadAjaxManager) and the PivotGrid is inside a UserControl. I can find no other explanation for this because as soon as I take off the PivotGrid (there is also another RadGrid in the UserControl) everything works just fine. The other thing is that the PivotGrid is inside of a RadPageView.

The error is:
"Unable to get value of the property 'style': object is null or undefined"

The problem lies in the "_initializeHzScrollDiv" method which does not account for a null result from "this.get_hzScrollDiv":
var l=this.get_hzScrollDiv(); <-- Error occurs later becuase this returns Null...
var p=$telerik.isIE?a.PivotGrid.GetScrollBarWidth()+1:a.PivotGrid.GetScrollBarWidth();
l.style.width=q.clientWidth+"px";
l.style.height=p+"px";
l.style.overflowX="scroll";
l.style.overflowY="hidden";

PivotGrid

answered on 20 Nov 2013