Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
102 views

I started with this demo:   Live Demos\DataForm\Data-Binding\Client-Data-Source-Binding

 

The demo code is working well.

 

However, I run into a problem when I try to add a TimePicker or DateTimePicker to the EditItemTemplate or InsertItemTemplate,  as it is seems to be causing the ItemTemplate to not "hide".    Also,  the clock icon on the picker fails to display the popup with the list of times.

 

Pasting the following into the EditItemTemplate or InsertItemTemplate is causing it to break:

 

<div class="rdfRow">
    <telerik:RadTimePicker RenderMode="Lightweight" ID="temp" Width="100px" runat="server" dateinput-label="" DateInput-DateFormat="HH:mm" TimeView-TimeFormat="HH:mm"></telerik:RadTimePicker>
</div>

 

 

There are no problems however if I add the above control elsewhere in the page.    A DatePicker works fine.   

 

There are no console errors and this behaviour occurs in both Chrome and Edge.

Rumen
Telerik team
 answered on 20 Dec 2019
1 answer
83 views

Hi,
    In treeview  from server side code we adding nodes and images in each node. like below in screenshot
http://prntscr.com/qcvcv3
    But when deep sub level folders like above 10,11,12,13 ....., image size will decrease and after 14 ,15 no more image appear, like below screenshot
http://prntscr.com/qcvdmn 
    What is the issue ?   my code is

 Private Sub ExploreTreeView(ByVal tnode As RadTreeNode)

                    Dim tempnode As New RadTreeNode(foldername, row("Database").ToString.Trim)
                    tempnode.CssClass = "GridCellSpace"
                    tempnode.ImageUrl = "images/Icons/DbFolder.png"
                    tempnode.Attributes("id") = Guid.NewGuid().ToString()
                    tnode.Nodes.Add(tempnode)

 End Sub

Inside rad panelbar item i added rad RadTreeView and i set width = 330 px and height = 400px
http://prntscr.com/qcvg6s

Pls reply asap
Thanks

M Kumar
Top achievements
Rank 1
Iron
Veteran
 answered on 20 Dec 2019
1 answer
105 views

Hi,
    I am using rad button with image and text with Bootstrap skin, in code behind i set border color to white,i want to change button back color as green when mouse over the button, but currently it changing light gray color, how to change some other color when mousehover the button. i used HoveredCssClass also, but not yet change color. HoveredCssClass="btncolorch"

 .btncolorch {

            border-color:purple;
            background-color : red;
        }

http://prntscr.com/qcx6sq

Thanks

 

M Kumar
Top achievements
Rank 1
Iron
Veteran
 answered on 20 Dec 2019
2 answers
1.3K+ views

I am working with a RadGrid, I've followed several examples but nothing seems to work for what I want.

In my picture I show my example of what I am wanting.  I want a button to appear in the header portion of the RadGrid next to Page Size.

Thanks

Attila Antal
Telerik team
 answered on 19 Dec 2019
2 answers
272 views

Hi, 
   How to remove rad panel bar header in each panel item.i am used following css to remove  header, when first time it work what i expect, but when post pack page, header for all panel item will appear again.I have 3 panel items.
<style type="text/css">
    html .RadPanelBar .sampleCssClass {
        display: none;
    }
</style>

Screenshots :
 When load first time no headers - http://prntscr.com/qbgrq0
 when i click top combobox and page get post back and header will appear to all panel items - http://prntscr.com/qbgsbk
 What i am expect - http://prntscr.com/qbgxrw
 

I applied  class in code behind  for all panel items also , but still appear.

Note : in panel bar i used RenderMode as Classic . Following css i used to remove brodres

 .RadPanelBar .rpRootGroup,    
.RadPanelBar .rpRootGroup .rpLink  
{    
     border: none !important;    
     color: #5F5F5F;  
     text-decoration: none;  
     border-bottom-width: 0px !important;  
}  
.RadPanelBar .rpOut  
{  
    border-bottom-width: 0px !important;  
}  

Pls reply asap

Thanks

M Kumar
Top achievements
Rank 1
Iron
Veteran
 answered on 19 Dec 2019
3 answers
449 views

I've tried several different articles with no luck.  I'm using 2018.3.910.45.  Any suggestions?  It keeps referencing the smart tag, but I don't see anything obvious in smart tag.

 

 

<httpHandlers>
    <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false" />
    <add path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" validate="false" />
    <add path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" validate="false" />
    <add path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" validate="false" />
    <add path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" validate="false" />
 
  </httpHandlers>
<system.webServer>
   <validation validateIntegratedModeConfiguration="false" />
   <modules>
     <remove name="FormsAuthentication" />
   </modules>
   <handlers>
     <remove name="ExtensionlessUrlHandler-Integrated-4.0" />
     <remove name="OPTIONSVerbHandler" />
     <remove name="TRACEVerbHandler" />
      
     <remove name="ChartImage_axd" />
     <remove name="Telerik_Web_UI_SpellCheckHandler_axd" />
     <remove name="Telerik_Web_UI_DialogHandler_aspx" />
     <remove name="Telerik_RadUploadProgressHandler_ashx" />
     <remove name="Telerik_Web_UI_WebResource_axd" /><add name="ExtensionlessUrlHandler-Integrated-4.0" path="*." verb="*" type="System.Web.Handlers.TransferRequestHandler" preCondition="integratedMode,runtimeVersionv4.0" />
     <add name="Telerik_Web_UI_WebResource_axd" path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" preCondition="integratedMode" />
     <add name="Telerik_Web_UI_DialogHandler_aspx" path="Telerik.Web.UI.DialogHandler.aspx" type="Telerik.Web.UI.DialogHandler" verb="*" preCondition="integratedMode" />
     <add name="ChartImage_axd" path="ChartImage.axd" type="Telerik.Web.UI.ChartHttpHandler" verb="*" preCondition="integratedMode" />
     <add name="Telerik_Web_UI_SpellCheckHandler_axd" path="Telerik.Web.UI.SpellCheckHandler.axd" type="Telerik.Web.UI.SpellCheckHandler" verb="*" preCondition="integratedMode" />
     <add name="Telerik_RadUploadProgressHandler_ashx" path="Telerik.RadUploadProgressHandler.ashx" type="Telerik.Web.UI.RadUploadProgressHandler" verb="*" preCondition="integratedMode" />
   </handlers>
 </system.webServer>
Rumen
Telerik team
 answered on 18 Dec 2019
10 answers
381 views

Hello,

We have been using Telerik.Web.UI(v4.0.30319)  SpellCheck control. This control loads old version jquery(v1.11.0). We are updating jQuery reference in our project to 1.12.2 but SpellCheck control is still loading 1.11.0 jquery. I followed a post in Telerik Forums but I cannot get external jQuery loaded using that post. 

 

SpellCheckCtrl.asx

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

    <script src="../../../../Scripts/jquery-1.12.2.js"></script>
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" EnableEmbeddedjQuery="false">
    <Scripts>
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" Path="~/Scripts/jquery-1.12.2.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryExternal.js" />
        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryPlugins.js" />
    </Scripts>
    </telerik:RadScriptManager>
    <telerik:RadSpell ID="spell1"
        runat="server"
        IsClientID="true"
        HandlerUrl="~/Telerik.Web.UI.DialogHandler.axd"
        DictionaryPath="~/SpellCheck/"
AllowAddCustom="false"
        SpellCheckProvider="EditDistanceProvider"
        EditDistance="2"
        ButtonType="None"></telerik:RadSpell>
    <script language="c#" runat="Server">
        protected override void OnLoad(EventArgs e)
        {
            base.OnLoad(e);

            if (this.spell1 != null)
            {
                var userSettings = QM.Live.ServiceClients.ServiceLocator.Get<QM.Live.Utilities.Client.UserSettings>();
                this.spell1.Language = userSettings.GetCulture();
                var spellCheckCulture = userSettings.SpellCheckCulture;
                if (spellCheckCulture == null) spellCheckCulture =
                    QM.Live.Utilities.Client.Constants.DefaultCulture;
                this.spell1.DictionaryLanguage = QM.Live.Utilities.Client.SpellChecker.GetDictionary(spellCheckCulture);
            }
        }
    </script>
</form>

<script>
    var spellCheckerClientId = '<%=spell1.ClientID %>';
</script>

Web config:

<add key="Telerik.ScriptManager.EnableEmbeddedjQuery" value="false" />

 

If I don't add web config key, this control always loads embedded jquery. If I add web config key, I see that jQuery is undefined. Please help to get it resolved. Thanks.

Rumen
Telerik team
 answered on 18 Dec 2019
8 answers
1.5K+ views

I have a RadGid with an inline edit from that contains a RadEditor

on adding a new row the RadEditor is no longer displayed and a javascript error is thrown from the Telerik.Web.UI.WebResource

"Uncaught TypeError: h is not a constructor

var a = g ? new h(g) : new h"

 

This was working with out issue when we initially upgraded to Telerik.Web.UI, Version=2019.1.215.0. 

Is this a bug that has popped up in resource that is downloaded  for MicrosoftAjax.js or should at something else?

Rumen
Telerik team
 answered on 18 Dec 2019
2 answers
116 views

I am attempting to develop a solution based on the example provided at:

https://demos.telerik.com/aspnet-ajax/grid/examples/data-binding/client-side/client-data-source-binding/defaultcs.aspx?product=clientdatasource

 

As such, I am using BatchMode editing,  binding a client datasource and all insert, update, delete done by calling Web Services from the clientside.

 

The grid is retrieving and displaying data successfully.  I can update records and delete records, with the respective Web Services being called to update and delete successfully.

 

However, when I "Add new record", type in values, and hit "Save Changes",  I can see in Chrome developer mode that there is no call to the Web Service so my data is not actually saved.  There are no errors in the console either.

 

   <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" AllowPaging="false" AllowSorting="true" AllowFilteringByColumn="false" ClientDataSourceID="RadClientDataSource1" >
        <MasterTableView ClientDataKeyNames="KeyName" EditMode="Batch" CommandItemDisplay="Top" BatchEditingSettings-HighlightDeletedRows="true" >
            <Columns>
                <telerik:GridBoundColumn DataField="KeyName" HeaderText="Parameter" DataType="System.String" HeaderStyle-Font-Bold="true" />
                <telerik:GridBoundColumn DataField="KeyValue" HeaderText="Value" DataType="System.String" HeaderStyle-Font-Bold="true" />
                <telerik:GridBoundColumn DataField="KeyType" HeaderText="Type" DataType="System.String" HeaderStyle-Font-Bold="true" />
                <telerik:GridBoundColumn DataField="Description" HeaderText="Description" DataType="System.String" HeaderStyle-Font-Bold="true" />
                <telerik:GridBoundColumn DataField="SplitPassword" HeaderText="Split Password" DataType="System.String" HeaderStyle-Font-Bold="true" />
                <telerik:GridClientDeleteColumn HeaderText="Delete" HeaderStyle-Width="70px" HeaderStyle-Font-Bold="true" />
            </Columns>
        </MasterTableView>
        <ClientSettings>
            <Scrolling AllowScroll="true" UseStaticHeaders="true" ScrollHeight="500px" />
        </ClientSettings>
    </telerik:RadGrid>
 
    <telerik:RadClientDataSource ID="RadClientDataSource1" runat="server" AllowBatchOperations="true">
            <ClientEvents OnCustomParameter="ParameterMap" />
            <DataSource>
                <WebServiceDataSourceSettings BaseUrl="API/SysParm.asmx/">
                    <Insert Url="InsertSystemParameters" RequestType="Post" ContentType="application/json" DataType="JSON" />
                    <Select Url="GetSystemParameters" RequestType="Post" ContentType="application/json" DataType="JSON" />
                    <Update Url="UpdateSystemParameters" RequestType="Post" ContentType="application/json" DataType="JSON" />
                    <Delete Url="DeleteSystemParameters" RequestType="Post" ContentType="application/json" DataType="JSON" />
                </WebServiceDataSourceSettings>
            </DataSource>
            <Schema ResponseType="JSON" DataName="d" >
                <Model ID="KeyName">
                    <telerik:ClientDataSourceModelField FieldName="KeyName" DataType="String" />
                    <telerik:ClientDataSourceModelField FieldName="KeyValue" DataType="String" />
                    <telerik:ClientDataSourceModelField FieldName="Description" DataType="String" />
                    <telerik:ClientDataSourceModelField FieldName="KeyType" DataType="String" />
                    <telerik:ClientDataSourceModelField FieldName="SplitPassword" DataType="String"  />
                </Model>
            </Schema>
            <SortExpressions>
                <telerik:ClientDataSourceSortExpression FieldName="KeyName" SortOrder="Desc" />
            </SortExpressions>
    </telerik:RadClientDataSource>

 

 

 

This is an example of a record in the dataset:

 

{
    "d": [{
        "__type": "CAMAPI.SystemParameter",
        "KeyName": "AD_GROUPS_APP_ID",
        "KeyValue": "2",
        "Description": "",
        "KeyType": "APP_ID",
        "SplitPassword": ""
    }]
}

 

My ParameterMap function is as follows:

 

function ParameterMap(sender, args) {
    if (args.get_type() != "read" && args.get_data()) {
        var data = "{ \"parameters\": " + JSON.stringify(args.get_data().models) + "}";
        args.set_parameterFormat(data);
    }
}

 

 

Can you see anything to explain why inserts are not working?

 

 

 

 

CDK
Top achievements
Rank 1
 answered on 17 Dec 2019
4 answers
667 views

Hello, I am running into two issues with the RadWizard and related controls.  Here is the scenario we have for our page setup:

 

The first "step" of the wizard contains a RadSearchBox and a RadGrid.  The user locates a client from the SearchBox and their information is loaded into the grid.  The user can then click on an Edit button on the grid row for the record they want to edit.

 

At this point we then load all of the data for that record into the next wizard step.  What we want to do at this point is automatically switch to the next step from the server and then update the step's title from "Add New Record" to "Edit Record".

I have been searching for a way to do this about six months.  We are using a fairly old build of Telerik, I believe circa Q1 or Q2 2013.  I have tried the following but they have not worked:

 

Changing the active step via the RadWizard1.ActiveStepIndex property, setting RadWizard1.Steps(0).Active to false and (1) to true

For changing the Title I have tried RadWizard1.Steps(1).Title and tried setting the title directly using RadWizardStep2.Title

 

None of those have worked either within the Edit button OnClick function nor within the PageLoad or PageLoadCompleted functions for the page (I had thought maybe the default properties for the wizard ands steps were overwriting the changes on postback).

 

I have not tried using a Javascript function yet but we would like to do this server-side if possible.

 

Thanks.

Geo
Top achievements
Rank 1
 answered on 17 Dec 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?