Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
68 views
Hi,

I use RadSpell for spelling check control, it works fine when the text is small, but when the text content is large, for example 30k+ lines, an error page pop up:

Spell check handler server error: 500
...
<title>...The length of the string exceeds the value set on the maxJsonLength property.</title>
...

I use client JS method startSpellCheck();  and set source text when I click a button.

And I also set the maxJsonLength to a big value, but it seems that the spell check ignore it:

<system.web.extensions>
    <scripting>
      <webServices>       
        <jsonSerialization maxJsonLength="2147483644"></jsonSerialization>
      </webServices>
    </scripting>
  </system.web.extensions>
Konstantin Dikov
Telerik team
 answered on 26 Dec 2014
1 answer
51 views
Hi,

I use RadSpell for spelling check control, it works fine when the text is small, but when the text content is large, for example 30k+ lines, an error page pop up:

Spell check handler server error: 500
...
<title>...The length of the string exceeds the value set on the maxJsonLength property.</title>
...

I use client JS method startSpellCheck();  and set source text when I click a button.

And I also set the maxJsonLength to a big value, but it seems that the spell check ignore it:

<system.web.extensions>
    <scripting>
      <webServices>       
        <jsonSerialization maxJsonLength="2147483644"></jsonSerialization>
      </webServices>
    </scripting>
  </system.web.extensions>
Konstantin Dikov
Telerik team
 answered on 26 Dec 2014
1 answer
96 views
Hi ,

Do we have 'DoesNotStartWith' and 'DoesNotEndWith' operators in RadFilter?
 
Regards,
Vijendra.
Daniel
Telerik team
 answered on 26 Dec 2014
4 answers
310 views
Hello,
    I want to add Google places autocomplete feature in batch edit cell. Any ideas to accomplish this?

Here is the code for adding autocomplete feature in a textbox :
var searchTxt = (document.getElementById("textboxid"));
            var searchBox = new google.maps.places.SearchBox(searchTxt);
            google.maps.event.addListener(searchBox, 'places_changed', function()
 { // any action
 });
also to include this
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=places"></script>
Konstantin Dikov
Telerik team
 answered on 26 Dec 2014
1 answer
217 views
Hi All,
I am using RadClientDataSource for binding radgrid. I want to create Required field validation for one column. so that i created one GridTemplateColumn. but that column not binding data. please check my code and let us know what needs to be done.

 <telerik:GridTemplateColumn DataField="description" UniqueName="description" HeaderText="Description">
                    <ItemTemplate>
                    <asp:Label ID="lblDescription" runat="server" Text='<%# Eval("description") %>'></asp:Label>
                    </ItemTemplate>
                    <EditItemTemplate>
                    <telerik:RadTextBox ID="rtbDescription" runat="server" Text='<%# Bind("description") %>'></telerik:RadTextBox>
                      <asp:RequiredFieldValidator ID="rfvDescription" runat="server" ControlToValidate="rtbDescription" Display="Dynamic"
                                ErrorMessage="Please enter Description" ForeColor="Red" ></asp:RequiredFieldValidator>
                    </EditItemTemplate>
                    </telerik:GridTemplateColumn>
                    <%--<telerik:GridBoundColumn DataField="description" HeaderText="Description" ColumnEditorID="GridTextBoxEditor">
                    </telerik:GridBoundColumn>--%>

Thanks in Advance,
Dhamu
Konstantin Dikov
Telerik team
 answered on 26 Dec 2014
1 answer
138 views
Hello, 

I have radgrid with InPlace edit mode. Inside one of the template column is radbutton which is used as checkbox. 

<telerik:GridTemplateColumn HeaderText="Present" UniqueName="Present" >
<ItemTemplate>
          <telerik:RadButton ID="btnAttendTwo" runat="server" ToggleType="CheckBox" Skin="Office2010Silver"
          ButtonType="LinkButton" CommandArgument="UpdatePresent" EnableEmbeddedSkins="False"
           Width="70px" Height="45px">
          <ToggleStates>
          <telerik:RadButtonToggleState Text="" Value="false" PrimaryIconCssClass="rbToggleCheckboxChecked" />
          <telerik:RadButtonToggleState Text="" Value="true" PrimaryIconCssClass="rbToggleCheckbox" />
           </ToggleStates>
          </telerik:RadButton>
 </ItemTemplate>
 <ItemStyle HorizontalAlign="Left" VerticalAlign="Top"   />
<HeaderStyle HorizontalAlign="Center" Width="2%" />
 <FooterStyle BorderStyle="None" />
 </telerik:GridTemplateColumn>

My problem is when user click on surrounding area of radbutton for a couple of times, the page hang and can't do anything. It is ok when clicking on radbutton multiple times. So, I was thinking how to make the surrounding area not editable for this column only. I tried to set readonly properties. But no luck. Can someone advice me how to make it work? I also tried to fill whole column with button. But there is some space left even if I tried to change width and height of button.
Konstantin Dikov
Telerik team
 answered on 26 Dec 2014
3 answers
87 views
following the Maria Ilieva's post in "DatePicker ignores z-index?" I observed that a TelerikModalOverlay is being created and assigned the zIndex value which is specified to the calendar popup (this effectively overlays the invoked RadWindow). Additionally, the zIndex of Overlay accumulates each time any RadWindow is closed and invoked again. 

This occurs when a target radWindow is minimized, restored, closed, and invoked again. (There are steps below)


In the following code, just change the Page Directive "Payroll.Presetnation.Web.App2.testarea.Default" to the proper class in your code CodeBehind file.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Payroll.Presentation.Web.App2.testarea.Default" %>
 
<!DOCTYPE html>
 
<head runat="server">
    <title></title>
</head>
<body>
    <header>
        <telerik:RadAjaxPanel ID="radAjaxPanelControlPanel" runat="server">
            <telerik:RadButton ID="btnControlPanelPopupInvoker" runat="server" OnClientClicking="openControlPanelWindow" AutoPostBack="false" Text="Welcome"></telerik:RadButton>
        </telerik:RadAjaxPanel>
        <%--<telerik:RadToolTip ID="radToolTipControlPanel" runat="server" TargetControlID="btnControlPanelPopupInvoker" ManualClose="true" ShowEvent="OnClick" OnClientBeforeShow="ToggleCover" OnClientHide="ToggleCover">
            <div>
            </div>
        </telerik:RadToolTip>--%>
    </header>
    <main>
        <form id="form1" runat="server">
            <telerik:RadScriptManager runat="server" ID="RadScriptManager1">
                <Scripts>
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
                    <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
                </Scripts>
            </telerik:RadScriptManager>
            <div>
                <telerik:RadWindow ID="rWinUsers" runat="server" Modal="true" Width="80%">
                    <ContentTemplate>
                         <div>
                            <div>
                                <label>Select to Edit</label>
                                <telerik:RadListBox ID="lbxUsers" runat="server" AutoPostBack="false">
                                    <ItemTemplate>
                                        <telerik:RadButton ID="UserItem" runat="server" AutoPostBack="false"></telerik:RadButton>
                                    </ItemTemplate>
                                </telerik:RadListBox>
                            </div>
                            <div>
                                <div><label>Email Address (Login)</label><telerik:RadTextBox ID="tbUserEmailAddress" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>First Name</label><telerik:RadTextBox ID="tbUserFirstName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Last Name</label><telerik:RadTextBox ID="tbUserLastName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Password</label><telerik:RadTextBox ID="tbUserPassword" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Confirm Password</label><telerik:RadTextBox ID="tbUserPasswordConfirm" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div>
                                    <telerik:RadButton ID="chkboxUserActive" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" AutoPostBack="false">
                                        <ToggleStates>
                                            <telerik:RadButtonToggleState Text="Active" Value="1" />
                                            <telerik:RadButtonToggleState Text="Inactive" Value="0" />
                                        </ToggleStates>
                                    </telerik:RadButton>
                                </div>
                            </div>
                            <div>
                                <label>User Role(s)</label>
                                <telerik:RadListBox ID="lbxUserRoles" runat="server" AutoPostBack="false">
                                    <ItemTemplate>
                                        <telerik:RadButton AutoPostBack="false" ButtonType="ToggleButton" ToggleType="CheckBox" GroupName="UserRoleGroup" ID="UserItem" runat="server"></telerik:RadButton>
                                    </ItemTemplate>
                                </telerik:RadListBox>
                            </div>
                        </div>
                    </ContentTemplate>
                </telerik:RadWindow>
                <telerik:RadWindow ID="rWinEmployees" runat="server" Modal="true" Width="80%">
                    <ContentTemplate>
                         <div>
                            <div>
                                <div><label>First Name</label><telerik:RadTextBox ID="btnEmployeeFirstName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Last Name</label><telerik:RadTextBox ID="btnEmployeeLastName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><telerik:RadButton ID="chkboxEmployeeActive" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" AutoPostBack="false">
                                    <ToggleStates>
                                        <telerik:RadButtonToggleState Text="Active" Value="1" />
                                        <telerik:RadButtonToggleState Text="Inactive" Value="0" />
                                    </ToggleStates>
                                </telerik:RadButton></div>
                                <div><label>Middle Name</label><telerik:RadTextBox ID="btnEmployeeMiddleName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Suffix</label><telerik:RadTextBox ID="btnEmployeeNameSuffix" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Email Address</label><telerik:RadTextBox ID="btnEmployeePrimaryEmailAdresss" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Internal ID</label><telerik:RadTextBox ID="btnEmployeeInternalID" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Date of Hire</label>
                                    <telerik:RadDatePicker AutoPostBack="false" ID="rdateEmployeeDateOfHire" runat="server">
                                        <Calendar>                                       
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                                <div><label>Seniority Date</label>
                                    <telerik:RadDatePicker AutoPostBack="false" ID="rdateEmployeeSeniorityDate" runat="server">
                                        <Calendar>                                       
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                                <div><label>Termination Date</label>
                                    <telerik:RadDatePicker AutoPostBack="false" ID="rdateEmployeeTerminationDate" runat="server">
                                        <Calendar>                                       
                                        </Calendar>
                                    </telerik:RadDatePicker>
                                </div>
                                <div><label>Country of Residence</label><telerik:RadTextBox ID="btnEmployeeCountryOfResidence" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                <div><label>Paid By Wire</label>
                                    <telerik:RadButton AutoPostBack="false" ID="btnEmployeePaidByWireYes" runat="server" ButtonType="ToggleButton" ToggleType="Radio" GroupName="EmployeePaidByWireGroup">
                                        <ToggleStates>
                                            <telerik:RadButtonToggleState Text="Yes" Value="1" />
                                            <telerik:RadButtonToggleState Text="Yes" Value="0" />
                                        </ToggleStates>
                                    </telerik:RadButton>
                                    <telerik:RadButton AutoPostBack="false" ID="btnEmployeePaidByWireNo" runat="server" ButtonType="ToggleButton" ToggleType="Radio" GroupName="EmployeePaidByWireGroup">
                                        <ToggleStates>
                                            <telerik:RadButtonToggleState Text="No" Value="1" Selected="true" />
                                            <telerik:RadButtonToggleState Text="No" Value="0" />
                                        </ToggleStates>
                                    </telerik:RadButton>
                                </div>
                                <telerik:RadAsyncUpload ID="rAsyncUploadPicture" OnClientFileSelected="OnEmployeePictureSelected"
                                    AllowedMimeTypes="image/jpg, image/png, image/gif, image/jpeg, image/pjpeg, image/svg+xml" MultipleFileSelection="Automatic" AllowedFileExtensions=".jpeg,.jpg,.png,">
                     
                                </telerik:RadAsyncUpload>
                            </div>
                            <div>
                                <fieldset>
                                <legend>Bank Information</legend>
                                    <div><label>Bank Name</label><telerik:RadTextBox ID="btnEmployeeBankName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                    <div><label>Address</label>
                                        <telerik:RadTextBox ID="rBtnEmployeeBankAddress1" runat="server" AutoPostBack="false"></telerik:RadTextBox>
                                        <telerik:RadTextBox ID="rBtnEmployeeBankAddress2" runat="server" AutoPostBack="false"></telerik:RadTextBox>
                                    </div>
                                    <div><label>City</label><telerik:RadTextBox ID="btnEmployeeBankCity" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                    <div><label>State</label><telerik:RadTextBox ID="btnEmployeeBankState" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                    <div><label>Zip Code</label><telerik:RadTextBox ID="btnEmployeeBankZipCode" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                    <div><label>Country</label><telerik:RadTextBox ID="btnEmployeeBankCountry" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                    <div><label>Swift Code</label><telerik:RadTextBox ID="btnEmployeeBankSwiftCode" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>                               
                                    <div><label>Account Number</label><telerik:RadTextBox ID="btnEmployeeBankAccountNumber" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                    <div><label>Account Owner</label><telerik:RadTextBox ID="btnEmployeeBankAccountOwner" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                    <div><label>Intermediary Bank Name</label><telerik:RadTextBox ID="btnEmployeeBankIntermediaryBankName" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                                    <div><label>Intermediary Swift Code</label><telerik:RadTextBox ID="btnEmployeeBankIntermediarySwiftCode" runat="server" AutoPostBack="false"></telerik:RadTextBox></div>
                 
                                </fieldset>
                            </div>
                        </div>
                    </ContentTemplate>
                </telerik:RadWindow>
                                 
                <telerik:RadWindow ID="rWinControlPanel" runat="server" Modal="false" Width="80%">
                    <ContentTemplate>
                         <div>                         
                            <telerik:RadButton ID="btnUserWindow" runat="server" OnClientClicked="openUsersWindow" AutoPostBack="false" Text="Users"></telerik:RadButton>
                            <telerik:RadButton ID="btnEmployeesWindow" runat="server" OnClientClicked="openEmployeesWindow" AutoPostBack="false" Text="Employees"></telerik:RadButton>
                        </div>
                    </ContentTemplate>
                </telerik:RadWindow>
            </div>
            <telerik:RadCodeBlock id="RadBlock1" runat="server">
                <script type="text/javascript">
                    function openUsersWindow(sender, e) {
                        closeWindows(sender, e);
                        var window = $find("<%= rWinUsers.ClientID %>");
                        window.show();
                        window.maximize();
                    }
 
                    function openEmployeesWindow(sender, e) {
                        closeWindows(sender, e);
                        var window = $find("<%= rWinEmployees.ClientID %>");
                        window.show();
                        window.maximize();
                    }
 
                    function openControlPanelWindow(sender, e) {
                        closeWindows(sender, e);
                        var window = $find("<%= rWinControlPanel.ClientID %>");
                        window.show();                       
                    }
 
                    function closeWindows(sender, e) {
                        $find("<%= rWinUsers.ClientID %>").close();
                        $find("<%= rWinEmployees.ClientID %>").close();
                    }
 
                    function pageLoad(sender, e) {
                        Telerik.Web.UI.Calendar.Popup.zIndex = 10000000;
                    }
 
 
                    var cover;
                    var sync = { "lock": true, "result": false };
 
                    function ToggleCover(e) {
                        cover = (cover) ? cover : document.querySelectorAll("div#pagecover")[0];
                        cover.style.display = (cover.style.display != "block") ? "block" : "none";
                    }
                </script>
            </telerik:RadCodeBlock>
        </form>
    </main>
    <footer>
    </footer>
    <div id="pagecover"></div>
</body>
</html>


The quickest way to observe the issue:

Load the page,
Click on 'Welcome' button (this invokes RadWindow => rWinControlPanel using OnClientClicking)
Click on either Button within the ControlPanelWindow (the new RadWindow will open in maximum).
Click on the minimize icon.
Click on the restore icon (to the right of the minimize icon) (note: it does not return to window.maximum)
Click the close button
Click on either Button within the ControlPanelWindow again. 


Ianko
Telerik team
 answered on 26 Dec 2014
1 answer
220 views
I have having a consistently wrong issue with the RadButton...When the web form is loaded, the OnClientClicked event is executing but the JavaScript fails because it can't find the function.  This is actually two (2) errors -- first the OnClientClicked event should NOT be firing and second, the javascript function it appears to be looking for is present in the code.

I have read other similar threads and they all say to remove the () after the function name in the OnClientClicked event property -- but I have done that repeatedly.  The button definition, the javascript function, and a screen capture of the javascript error are all included.
<telerik:RadButton ID="CreateNew" runat="server" Text="Create New" CausesValidation="False" ToolTip="Displays a form for adding a new Master Agent Billing set to the database." UseSubmitBehavior="false" OnClick="CreateNew_Click" OnClientClicked="makeNew" />


function makeNew(sender, eventArgs) {
 
    document.getElementById('<%= HiddenField1.ClientID%>').value = "myTarget;
    document.getElementById('<%= K.ClientID%>').value = "0";
    document.getElementById('<%= KI.ClientID%>').value = "0";
    document.getElementById('<%= KII.ClientID%>').value = "0";
    document.getElementById('<%= M.ClientID%>').value = "N";
    document.getElementById('<%= MI.ClientID%>').value = "N";
    document.getElementById('<%= MII.ClientID%>').value = "N";
 
    document.forms["form1"].submit();
 
}




​
Ianko
Telerik team
 answered on 26 Dec 2014
1 answer
693 views
I am having a problem where the first RadButton on a webform fires on Page_Load (without being clicked at all).

I have read other similar threads, but they all say to delete the () after the function name in the OnClientClicked property...I have done this and it makes no difference what so ever.  The button OnClientClicked event always fires --- except after the page is loaded, then the OnClientClicked event NEVER fires).

I have keyed and rekeyed the property numerous times and it always screws up.  What should I do?

The buttons definitions and the javascript are provided below.  Thanks in advance for any help!

BUTTON DEFINITIONS
<telerik:RadButton ID="CreateNew" runat="server" Text="Create New" CausesValidation="False" ToolTip="Displays a form for adding a new Master Agent Billing set to the database." UseSubmitBehavior="false" OnClick="CreateNew_Click" OnClientClicked="makeNew" />
<telerik:RadButton ID="CloseMe" runat="server" Text="Close Window" CausesValidation="False" ToolTip= "Closes this window." UseSubmitBehavior="false" OnClientClicked="closemenow" />


JAVASCRIPT FUNCTION

function makeNew(sender, eventArgs) {
 
    document.getElementById('<%= HiddenField1.ClientID%>').value = "myTarget;
    document.getElementById('<%= K.ClientID%>').value = "0";
    document.getElementById('<%= KI.ClientID%>').value = "0";
    document.getElementById('<%= KII.ClientID%>').value = "0";
    document.getElementById('<%= M.ClientID%>').value = "N";
    document.getElementById('<%= MI.ClientID%>').value = "N";
    document.getElementById('<%= MII.ClientID%>').value = "N";
 
    document.forms["form1"].submit();
 
}






Ianko
Telerik team
 answered on 26 Dec 2014
1 answer
67 views
I've read this - http://www.telerik.com/forums/how-to-use-gauge-inside-the-grid

but is there a way to embed a linear gauge in a menu?

thank you
Misho
Telerik team
 answered on 26 Dec 2014
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
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
Iron
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?