Questions on UI for ASP.NET AJAX Forum

8 answers

50 views

Parent Grid Record selection movement with Window next /Prev Last First Button

Hi

I have a scenario...

1. Grid with data is generated in Parent page.

2. On Double click of the any record in grid its opening details in a rad window.

3. From the window If i have next previous buttons i nee to get id of the next or previous record of the parent grid and same time its need to highlight the next/previous record. Also need to move to next page first record if last record of first page.

Please help with a sample code.

Please see attached image

Grid

answered on 31 Mar 2016

1 answer

256 views

Image does not display for Telerik RadCaptcha control

I have a Telerik RadCaptcha control on my login page. However, despite all the settings and references included, the image does not display. It is working alright though, it is validating the captcha. The only problem is that since the image does not display, there is no way anybody can get it right. Have attached a snapshot too.

Captcha

answered on 31 Mar 2016

6 answers

434 views

Filter - Contains not working

Hi,
I have a radgrid. Within this I have enabled filtering. I have set the filter type to Combined.
In the gridboundcolumn I have specified ‘Contains’ as the CurrentFilterFunction. However despite this when I filter the column I only ever get rows returned that exactly match the filter, so I presume it’s enforcing an ‘EqualsTo’ filter.
Is this by design or a bug?

Thanks.

Grid

answered on 31 Mar 2016

6 answers

143 views

Key board Navigation in radgrid

Hi,

I am having an issue with the rad grid with keyboard navigation. I am in trial version and new to Telerik. When I use the below code for the key board navigation ,the keys doesn't works. But it works when I remove the EnablePostBackOnRowClick but the grid is not populated.

ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true" >
<Selecting AllowRowSelect="true" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" />

</ClientSettings>

Thanks,

Sindhu

Grid

answered on 31 Mar 2016

1 answer

112 views

Issue with Loading Panel while using Javascript

Hi i am Akhtar Abbas i am using telerik controls in my ASP.NET web application. I am currently designig a login page i am using RadStyleSheetManager, RadAjaxManager, RadAjaxLoadingPanel and RadCodeBlock. the HTML for the page is below

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8">

    <title>Log In</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
    <div class="wrapper">
        <div class="back1">

            <p class="title">Evac</p>
            <form runat="server" id="form1" class="login">
                <asp:ScriptManager runat="server" ID="smLogin"></asp:ScriptManager>

                <telerik:RadStyleSheetManager runat="server">
                    <StyleSheets>
                        <telerik:StyleSheetReference Path="css/normalize.css" />
                        <telerik:StyleSheetReference Path="css/login.css" />
                    </StyleSheets>
                </telerik:RadStyleSheetManager>

                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="btnLogin">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="form1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                                <telerik:AjaxUpdatedControl ControlID="txtUserName"></telerik:AjaxUpdatedControl>
                                <telerik:AjaxUpdatedControl ControlID="txtPassword"></telerik:AjaxUpdatedControl>
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                    </AjaxSettings>
                </telerik:RadAjaxManager>

                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
                </telerik:RadAjaxLoadingPanel>

                <asp:TextBox runat="server" ID="txtUserName" placeholder="Username" autofocus></asp:TextBox>

                <asp:TextBox runat="server" ID="txtPassword" placeholder="Password"></asp:TextBox>

                <asp:TextBox runat="server" ID="txtCaptcha" CssClass="captcha-fld"></asp:TextBox>

                <asp:TextBox runat="server" ID="txtCaptchaText" CssClass="captcha-fld-type"></asp:TextBox>

                <button>
                    <i class="spinner"></i>
                    <asp:Button runat="server" ID="btnLogin" CssClass="login-submit" OnClick="btnLogin_Click" />
                </button>
                <asp:Label ID="lblError" runat="server" ForeColor="Red" Visible="false"></asp:Label>
                <a href="#">Forgot your password?</a>
                <a class="right2" href="#">Sign Up</a>

                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                    <script src="js/index.js" type="text/javascript"></script>
                </telerik:RadCodeBlock>
            </form>
        </div>
        <footer></footer>
    </div>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

I also have added settings in web.config.

<appSettings>
    <add key="ValidationSettings:UnobtrusiveValidationMode" value="None"/>
    <add key="Telerik.Web.UI.StyleSheetFolders" value="~/css" />
</appSettings>
<system.web>
    <httpHandlers>
      <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" validate="false" />
    </httpHandlers>

</system.web>
<system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules>
      <remove name="ApplicationInsightsWebTracking"/>
      <add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web" preCondition="managedHandler"/>
    </modules>
    <handlers>
      <add name="Telerik_Web_UI_DialogHandler_aspx" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler"/>
      <add name="Telerik_Web_UI_SpellCheckHandler_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler"/>
      <add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource"/>
    </handlers>
</system.webServer>

when i load my page then i have got the following error on the page

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

How to resolve this?
Note: These controls are purchased controls
I neet urgent responce please reply me as fast as possible because i have deadline of the project

AjaxLoadingPanel

answered on 31 Mar 2016

1 answer

68 views

Issue while using Ajax

Hi i am Akhtar Abbas i am using telerik controls in my ASP.NET web application. I am currently designig a login page i am using RadStyleSheetManager, RadAjaxManager, RadAjaxLoadingPanel and RadCodeBlock. the HTML for the page is below

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

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta charset="utf-8">

    <title>Log In</title>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
      <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
</head>
<body>
    <div class="wrapper">
        <div class="back1">

            <p class="title">Evac</p>
            <form runat="server" id="form1" class="login">
                <asp:ScriptManager runat="server" ID="smLogin"></asp:ScriptManager>

                <telerik:RadStyleSheetManager runat="server">
                    <StyleSheets>
                        <telerik:StyleSheetReference Path="css/normalize.css" />
                        <telerik:StyleSheetReference Path="css/login.css" />
                    </StyleSheets>
                </telerik:RadStyleSheetManager>

                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="btnLogin">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="form1" LoadingPanelID="RadAjaxLoadingPanel1"></telerik:AjaxUpdatedControl>
                                <telerik:AjaxUpdatedControl ControlID="txtUserName"></telerik:AjaxUpdatedControl>
                                <telerik:AjaxUpdatedControl ControlID="txtPassword"></telerik:AjaxUpdatedControl>
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                    </AjaxSettings>
                </telerik:RadAjaxManager>

                <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">
                </telerik:RadAjaxLoadingPanel>

                <asp:TextBox runat="server" ID="txtUserName" placeholder="Username" autofocus></asp:TextBox>

                <asp:TextBox runat="server" ID="txtPassword" placeholder="Password"></asp:TextBox>

                <asp:TextBox runat="server" ID="txtCaptcha" CssClass="captcha-fld"></asp:TextBox>

                <asp:TextBox runat="server" ID="txtCaptchaText" CssClass="captcha-fld-type"></asp:TextBox>

                <button>
                    <i class="spinner"></i>
                    <asp:Button runat="server" ID="btnLogin" CssClass="login-submit" OnClick="btnLogin_Click" />
                </button>
                <asp:Label ID="lblError" runat="server" ForeColor="Red" Visible="false"></asp:Label>
                <a href="#">Forgot your password?</a>
                <a class="right2" href="#">Sign Up</a>

                <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">
                    <script src="js/index.js" type="text/javascript"></script>
                </telerik:RadCodeBlock>
            </form>
        </div>
        <footer></footer>
    </div>
    <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

I also have added settings in web.config.

<appSettings>
    <add key="ValidationSettings:UnobtrusiveValidationMode" value="None"/>
    <add key="Telerik.Web.UI.StyleSheetFolders" value="~/css" />
</appSettings>
<system.web>
    <httpHandlers>
      <add path="Telerik.Web.UI.WebResource.axd" verb="*" type="Telerik.Web.UI.WebResource, Telerik.Web.UI" validate="false" />
    </httpHandlers>

</system.web>
<system.webServer>
    <validation validateIntegratedModeConfiguration="false"/>
    <modules>
      <remove name="ApplicationInsightsWebTracking"/>
      <add name="ApplicationInsightsWebTracking" type="Microsoft.ApplicationInsights.Web.ApplicationInsightsHttpModule, Microsoft.AI.Web" preCondition="managedHandler"/>
    </modules>
    <handlers>
      <add name="Telerik_Web_UI_DialogHandler_aspx" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler"/>
      <add name="Telerik_Web_UI_SpellCheckHandler_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler"/>
      <add name="Telerik_Web_UI_WebResource_axd" verb="*" preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource"/>
    </handlers>
</system.webServer>

when i load my page then i have got the following error on the page

The Controls collection cannot be modified because the control contains code blocks (i.e. <% ... %>).

How to resolve this?
Note: These controls are purchased controls
I neet urgent responce please reply me as fast as possible because i have deadline of the project

Ajax

answered on 31 Mar 2016

5 answers

417 views

Rad dataform to open in Insert when added in EditformControl of RadGrid

I am trying to open the Raddataform which is in Editform control of Rad Grid in the insert mode ,and as there are no items in the grid it goes to exception as above users,I tried the solution from Ole like inserting an empty template but dint work out. when I have data in the grid it works fine for the new grid to add a record using the dataform it fails.pls suggest.Here is sample.

I also Tried All options mentioned in the other Threads

// gridDataform.DataForm.IsItemInserted = true;
// gridDataform.DataForm.Rebind();
// gridDataform.DataForm.Items[0].FireCommandEvent("InitInsert", "");
gridDataform.DataForm.ShowInsertItem();

gridDataform is the instance of the usercontrol which has Raddataform and this code is beign used in the grid itemcommand.

if (gridDataform == null)
{ throw new Exception("No Grid Found"); }

log.logDebug(logMessage: "Fire Insert Mode for DataForm");

gridDataform.DataForm.Items[0].FireCommandEvent("InitInsert", "");
Also my add buttons are on the mastertableview of the grid

<MasterTableView Width="100%" CommandItemDisplay="Top" ShowGroupFooter="true" AllowFilteringByColumn="true">
<EditFormSettings EditFormType="Template">
<EditColumn UniqueName="EditCommandColumn1" />
<FormTemplate>
<uc1:PageUIControl IsBoundToGrid="true" runat="server" ID="EditFormControl" />
</FormTemplate>
<PopUpSettings ScrollBars="None" />
</EditFormSettings>

<CommandItemTemplate>

<div style="color:black!important;" >

<asp:LinkButton ID="btnEditSelected" runat="server" CommandName="EditSelected" Visible='<%# RadGridUI.EditIndexes.Count == 0 %>'><i class="fa fa-pencil fa-lg"></i></asp:LinkButton>
<asp:LinkButton ID="btnUpdateEdited" runat="server" CommandName="UpdateEdited" Visible='<%# RadGridUI.EditIndexes.Count > 0 %>'><i class="fa fa-pencil fa-lg"></i></asp:LinkButton>
<asp:LinkButton ID="btnCancel" runat="server" CommandName="CancelAll" Visible='<%# RadGridUI.EditIndexes.Count > 0 || RadGridUI.MasterTableView.IsItemInserted %>'><i class="fa fa-ban fa-lg"></i></asp:LinkButton>  
<asp:LinkButton ID="btnNew" runat="server" CommandName="InitInsert" Visible='<%# !RadGridUI.MasterTableView.IsItemInserted %>'><i class="fa fa-plus-square fa-lg"></i></asp:LinkButton>
<asp:LinkButton ID="btnInsert" runat="server" CommandName="PerformInsert" Visible='<%# RadGridUI.MasterTableView.IsItemInserted %>'><i class="fa fa-plus-square fa-lg"></i></asp:LinkButton>  
<asp:LinkButton ID="btnDelete" OnClientClick="javascript:return confirm('Delete all selected customers?')" runat="server" CommandName="DeleteSelected"><i class="fa fa-trash fa-lg"></i></asp:LinkButton>  

</div>

</CommandItemTemplate>
</MasterTableView>

DataForm

answered on 31 Mar 2016

1 answer

126 views

RadDropDownList ReadOnly (AJAX)

Please,

I need a way to make RadDropDownList ReadOnly. I Do not want to disable it, just disable iteration. (or I could use "disabled back color" or something...)

How Could I do it?

Thanks in advance.

DropDownList

answered on 31 Mar 2016

1 answer

86 views

RadListBox works slow for IE11.

Hi Team,

I am using RadListBox and attaching 6000 values to it. When user clicks on select all option of the check box in RadListBox, it takes around 50 sec to check all the items in IE11 and in chrome it takes 4 sec. Can anyone suggest, how to improve the performance of RadListBox?

Regards,

Somnath

ListBox

answered on 31 Mar 2016

3 answers

160 views

Select Multiple file and ftp

I'm interested in creating an application that allows a user to click a button, select multiple files, send them to an ftp server. I'm looking at the async upload control as a starting point. Is this possible?

I saw another post on this but the solution contained a dead link.

If not, Is there a another control i can use to simply select a bunch of files on the users machine?

AsyncUpload

answered on 31 Mar 2016