Hi Team,

I have gone through the KendoUI Virtualization: "https://demos.telerik.com/aspnet-core/dropdownlist/virtualization"

I would like to incorporate this feature in my Telerik Radgrid edititem template, currently using Dropdownlist. , So I would like to replace the dropdownlist from grid and place the Kendo UI dropdownlist which supports "virtualization".

Note : My Radgrid created programmatically, which supports paging , filtering etc.

Please suggest you thoughts also whether is possible or not.

Regards,

Ramesh.

This may or may not be a Telerik issue (I don't "think" it is), but thought I'd post here just in case anyone had some insight.  I'm getting this error when I add some JavaScript to my ASPX or even just a simple HTML page (using IE11):

Error: https://drive.google.com/open?id=1Rb_dXueUJuqJWdQ_IKg69LV4iuDJRFrl

The code is very simple HTML:

I have a RadComboBox that I don't want to trigger any validation checking (I have several controls using asp:RequireFieldValidator) ... so I set the CausesValidation='false'

and on the same page I have a RadButton that I DO want to trigger validation checking so ...

So validation is NOT performed when I check an item in my RadComboBox.  However, when I click my RadButton validation is not triggered? 

If I remove the CausesValidation=false on the RadComboBox then my RadButton will trigger validation.

Ideas?

Cheers, Rob.

I have an autocompletebox set up with the following settings

                            <telerik:RadAutoCompleteBox ID="RadAutoCompleteBox1" RenderMode="Lightweight" runat="server"
                                MaxResultCount="100" MinFilterLength="2"
                                AllowCustomEntry="true"
                                InputType="Text" Width="100" DropDownWidth="100px"
                                DataTextField="My_Text" DataValueField="My_Value" >
                                <TextSettings SelectionMode="Single" />
                            </telerik:RadAutoCompleteBox>

When entering text, if any items match partially on the entry, the top entry from those will be selected.  For instance, if I have an option for '1234' and the user has typed '123', the entry for '1234' will be selected and the user is unable to add a custom entry for '123'.

Is there any way to get around this behavior?  The users really need to be able to add custom entries.

We are having problems with the RadWindow on iPhone. First is if we use RadAsyncUpload on the page the popup window/RadWindow it loses its responsiveness. We use bootstrap, I've attached screenshot of how it looks like. The controls overflows on the right.

Next is within the Radwindow we have a panel which is visible=false by default and is ajaxified to show when a checkbox is ticked. When those panels are shown, it won’t let you click on the button. Meaning whenever you click on the button the page jumps up and focuses on the other fields above it. And sometimes it wont let you scroll up or down within the RadWindow

Below is the html code. How can we get around this issue?

<telerik:RadAjaxLoadingPanel ID="loadingInjured" runat="server"></telerik:RadAjaxLoadingPanel>
<telerik:RadAjaxPanel ID="ajxInjured" runat="server" LoadingPanelID="loadingInjured">
    
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
            <div class="form-group">
                <label>What was damaged?</label>
                <p>
                    Select equipment that was damaged.
                </p>
                <telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel2">
                    <telerik:RadComboBox ID="ddEquipment" runat="server" DataSourceID="SqlAssets" DataTextField="OrganisationName" DataValueField="OUID" Width="100%" Filter="Contains">
                        <DefaultItem Text=" - select - " Value="" />
                    </telerik:RadComboBox>
                    <asp:SqlDataSource ID="SqlEquionentInvolved" runat="server" ConnectionString="<%$ ConnectionStrings:SiteSqlServer %>" SelectCommand="SELECT ListID, ItemName FROM [_FFList] WHERE (([TenantID] = @TenantID) AND ItemTypeID = 87) ORDER BY ItemName">
                        <SelectParameters>
                            <asp:SessionParameter DefaultValue="0" Name="TenantID" SessionField="TenantID" Type="Int32" />
                        </SelectParameters>
                    </asp:SqlDataSource>
                    <asp:SqlDataSource ID="SqlAssets" runat="server" ConnectionString="<%$ ConnectionStrings:SiteSqlServer %>" SelectCommandType="StoredProcedure"
                        SelectCommand="_FFLocationSelectAssets">
                        <SelectParameters>
                            <asp:SessionParameter Name="TenantID" SessionField="TenantID" Type="Int32" />
                        </SelectParameters>
                    </asp:SqlDataSource>
                </telerik:RadAjaxPanel>
            </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
            <div class="form-group">
                <label style="width:100%">&nbsp</label>
                <p>
                    or input what was damaged.
                </p>
                <asp:TextBox ID="txtOtherDamage" runat="server"  Width="100%" CssClass="form-control" placeholder="others"></asp:TextBox>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
            <div class="form-group">
                <label>Property Damage Type</label>
                <telerik:RadComboBox ID="ddPropertyType" Width="100%" runat="server" required="" MarkFirstMatch="true" AllowCustomText="false" DataSourceID="SqlPropertyDamage" DataTextField="ItemName" DataValueField="ListID">
                    <DefaultItem Text="Select an option..." Value="0" />
                </telerik:RadComboBox>
                <asp:SqlDataSource ID="SqlPropertyDamage" runat="server" ConnectionString="<%$ ConnectionStrings:SiteSqlServer %>" SelectCommand="SELECT ListID, ItemName FROM [_FFList] WHERE (([TenantID] = @TenantID) AND ItemTypeID = 124) ORDER BY ItemName">
                    <SelectParameters>
                        <asp:SessionParameter DefaultValue="0" Name="TenantID" SessionField="TenantID" Type="Int32" />
                    </SelectParameters>
                </asp:SqlDataSource>

            </div>
        </div>
        <div class="col-xs-12 col-sm-6 col-md-6 col-lg-6">
            <div class="form-group">
                <label>Cost</label>
                <asp:TextBox ID="txtCost" runat="server" TextMode="Number" Width="100%" CssClass="form-control"></asp:TextBox>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="form-group">
                <label>Description</label>
                <asp:TextBox ID="txtDescription" runat="server" TextMode="MultiLine" Rows="4" Width="100%" CssClass="form-control" MaxLength="500"></asp:TextBox>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="form-group">
                <asp:CheckBox ID="chkIsInsurance" runat="server" Text="&nbsp;Insurance?" AutoPostBack="true" OnCheckedChanged="chkIsInsurance_OnCheckedChanged" />
            </div>
        </div>
    </div>

    <asp:Panel ID="pnlInsurance" runat="server" Visible="false">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label>Company Insurer Name</label>
                    <asp:TextBox ID="txtInsuranceName" runat="server" Width="100%" CssClass="form-control"></asp:TextBox>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label>Company Insurance Claim Number</label>
                    <asp:TextBox ID="txtInsuranceClaimNumber" runat="server" Width="100%" CssClass="form-control"></asp:TextBox>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label>3rd Party Insurer Name</label>
                    <asp:TextBox ID="txtThirdPartyInsurerName" runat="server" Width="100%" CssClass="form-control"></asp:TextBox>
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label>3rd Party Insurance Claim Number</label>
                    <asp:TextBox ID="txtThirdInsurerClaimNumber" runat="server" Width="100%" CssClass="form-control"></asp:TextBox>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="form-group">
                    <asp:CheckBox ID="chkIsRecoverable" runat="server" Text="&nbsp;Recoverable?" AutoPostBack="true" OnCheckedChanged="chkIsRecoverable_OnCheckedChanged"/>
                </div>
            </div>
            <asp:Panel ID="pnlRecoverableAmount" runat="server" Visible="false">
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="form-group">
                        <label>Recoverable Amount</label>
                        <asp:TextBox ID="txtRecoverableAmount" runat="server" TextMode="Number" Width="100%" CssClass="form-control"></asp:TextBox>
                    </div>
                </div>
            </asp:Panel>
        </div>
    </asp:Panel>


    <div class="row">
        <hr />
        <div id="pnlDropZone">
        <asp:Panel ID="pnlFiles" runat="server">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                <div class="form-group">
                    <label>Files</label>
                    <div class="dropzone" onclick="OpenUploadDialogPopup();">                                    
                        <div class="dz-default dz-message" style="margin: 2em 0;text-align:center;">
                            <span>
                                <strong>Drop files here or click to upload. </strong>
                            </span>
                        </div>
                    </div>
                    <telerik:RadAsyncUpload ID="uplFiles" runat="server" MultipleFileSelection="Automatic" DropZones=".dropzone" HideFileInput="true" CssClass="radasyncAttachment"></telerik:RadAsyncUpload>
                </div>
            </div>
        </asp:Panel>
            </div>

        <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12" id="simpleUpload" style="display:none;">
            <div class="form-group">
                <label>Files</label>
                <telerik:RadAsyncUpload ID="btnUploadSimple" runat="server" MultipleFileSelection="Automatic"></telerik:RadAsyncUpload>
            </div>
        </div>

        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <uc1:uFiles runat="server" ID="uFiles" />
        </div>
    </div>


    <asp:Panel runat="server" ID="pnlError" Visible="false">
        <div class="alert alert-danger">
            <button aria-hidden="true" data-dismiss="alert" class="close" type="button">&#215</button>
            <asp:Literal ID="lblError" runat="server"></asp:Literal>
        </div>
    </asp:Panel>
    <div class="row" id="pnlSave">
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
            <asp:Button ID="btnSave" runat="server" Text="Save" CssClass="btn btn-success btn-block" OnClick="btnSave_Click"/>
        </div>
        <div class="col-lg-2 col-md-2 col-sm-2 col-xs-6">
            <asp:Button ID="btnCancel" runat="server" Text="Cancel" CssClass="btn btn-default btn-block" OnClick="btnCancel_Click"/>
        </div>
    </div>
    <div class="row"><!-- need the spaces below for ios safari, the panel disapears when no spaces below not sure why -->
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            &nbsp;
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            &nbsp;
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            &nbsp;
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            &nbsp;
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            &nbsp;
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            &nbsp;
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            &nbsp;
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
            &nbsp;
        </div>
    </div>
        
</telerik:RadAjaxPanel>

to open the radwindow, we use this code to resize the window, so it will be responsive:

    function SetWindowWidth() {
        var winWidth = $(window).width();
        if (winWidth < 900) {
            console.log("Window width: " + $(window).width());
            var radWindowId = '<%=RadWindowAddPropertyDamage.ClientID%>';
            $find(radWindowId).set_maxWidth(winWidth - 50);
        }

    $find(radWindowId).show();
    }