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.
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
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
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
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
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
>
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.
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?
I am attempting to develop a solution based on the example provided at:
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?
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.