<telerik:RadEditor ID="txtWarning" runat="server" EditModes="Design" ToolbarMode="Default" Width="400px" Height="100px" MaxTextLength="1000" ContentAreaMode="Div" ContentFilters="None" ></telerik:RadEditor>
string text = txtWarning.Content
Hi
i use a kendGrid like this:
It works great, but if i put the src for Chart1 into the "App_Data" folder and change the Session to the App_Data folder
the grid will not long be displayed. But wh? thanks so far
<
script
id
=
"Chart1"
src='<%=Session["LoginAbas2"]%>'></
script
>
<
div
id
=
"example"
class
=
"k-content"
>
<
div
id
=
"grid"
style
=
"width:50%;"
></
div
>
<
script
>
$(document).ready(function () {
$("#grid").kendoGrid({
dataSource: {
data: products,
schema: {
model: {
fields: {
ProductName: { type: "string" },
Bez: { type: "string" },
UnitsInStock: { type: "number" },
Discontinued: { type: "string" }
}
}
},
pageSize: 20
},
height: 430,
scrollable: true,
sortable: true,
filterable: true,
pageable: {
input: true,
numeric: false
},
columns: [
"Bez",
{ field: "ProductName", title: "Artikelnr.", width: "130px" },
{ field: "UnitsInStock", title: "Menge", width: "130px" },
{ field: "Discontinued", title: "Einheit", width: "130px" }
]
});
});
</
script
>
I am trying to implement drag and drop functionality using rad list view but getting this error Object doesn't support property or method 'getKendoDraggable' can someone help me how can i resolve this.
Script:
Sys.Application.add_load(enableDraggableShapeBox);
function enableDraggableShapeBox() {
debugger
var draggables = $telerik.$("#<%=listViewDiv.ClientID%>")
if (draggables.getKendoDraggable()) return;
draggables.kendoDraggable({
filter: "div.ListViewStyle",
hint: function (draggable) {
var hint = draggable.clone(true);
return hint;
}
});
}
Listview:
<
div
id
=
"listViewDiv"
runat
=
"server"
clientidmode
=
"Static"
style
=
"overflow:auto"
>
<
telerik:RadListView
ID
=
"RadListView1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
<
LayoutTemplate
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadLabel
Text
=
"RadLabel1"
ID
=
"rlb1"
runat
=
"server"
RenderMode
=
"Lightweight"
CssClass
=
"listViewStyles"
>
</
telerik:RadLabel
>
<
br
/>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadTextBox
ID
=
"RadTextBox1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
</
telerik:RadTextBox
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadTimePicker
ID
=
"RadTimePicker1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
</
telerik:RadTimePicker
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadDatePicker
ID
=
"RadDatePicker1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
</
telerik:RadDatePicker
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadDateTimePicker
ID
=
"RadDateTimePicker1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
</
telerik:RadDateTimePicker
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadComboBox
ID
=
"RadComboBox1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
<
Items
>
<
telerik:RadComboBoxItem
Text
=
"2"
Selected
=
"true"
/>
<
telerik:RadComboBoxItem
Text
=
"4"
/>
<
telerik:RadComboBoxItem
Text
=
"6"
/>
<
telerik:RadComboBoxItem
Text
=
"8"
/>
<
telerik:RadComboBoxItem
Text
=
"10"
/>
</
Items
>
</
telerik:RadComboBox
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadDropDownList
ID
=
"RadDropDownList"
runat
=
"server"
RenderMode
=
"Lightweight"
>
<
Items
>
<
telerik:DropDownListItem
text
=
"textdata"
/>
<
telerik:DropDownListItem
text
=
"textdata"
/>
<
telerik:DropDownListItem
text
=
"textdata"
/>
<
telerik:DropDownListItem
text
=
"textdata"
/>
<
telerik:DropDownListItem
text
=
"textdata"
/>
</
Items
>
</
telerik:RadDropDownList
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadBinaryImage
ID
=
"RadBinaryImage1"
runat
=
"server"
/>
</
div
>
</
LayoutTemplate
>
<
ClientSettings
AllowItemsDragDrop
=
"true"
>
<
ClientEvents
/>
<
DataBinding
ItemPlaceHolderID
=
"itemContainer"
>
<
ItemTemplate
>
<
div
id
=
"#= ItemHeader #"
class
=
"ListViewStyle"
>
<
div
style
=
"vertical-align: top; width: 100%"
>
<
table
id
=
"ListviewTable"
>
<
tr
>
<
td
colspan
=
"2"
>
<
span
id
=
"ItemHeader"
class
=
"ItemHeaderStyle"
><
b
>#= ItemHeader #</
b
></
span
>
</
td
>
</
tr
>
</
div
>
</
ItemTemplate
>
</
DataBinding
>
</
ClientSettings
>
</
telerik:RadListView
>
</
div
>
I am generating a dynamic table based on user input, for giving input i am using ribbonbar combobox. And i have a list view, contain some items. I want to drag and drop listview items in generated table cells. How can i achieve this?? can someone help me with code i am new to teleriks.
Thank, regards.
script:
var
getValue =
null
;
function
OnClientComboBoxTextChanged(sender, args) {
getValue = args.get_comboBox().get_text();
}
function
CreateTable() {
var
rowCtr;
var
cellCtr;
var
rowCnt = getValue;
var
cellCnt = getValue;
var
myTableDiv = document.getElementById(
'myDynamicTable'
);
var
table = document.createElement(
'TABLE'
);
table.setAttribute(
"contenteditable"
,
"true"
);
table.border =
'1'
;
table.id =
'myTable'
;
var
tableBody = document.createElement(
'TBODY'
);
table.appendChild(tableBody);
for
(rowCtr = 0; rowCtr < rowCnt; rowCtr++) {
var
tr = document.createElement(
'TR'
);
tableBody.appendChild(tr);
for
(cellCtr = 0; cellCtr < cellCnt; cellCtr++) {
var
td = document.createElement(
'TD'
);
td.width =
'120'
;
td.height =
'50'
;
td.appendChild(document.createTextNode(
""
));
tr.appendChild(td);
}
}
myTableDiv.appendChild(table);
}
Markup:
<
telerik:RibbonBarGroup
Text
=
"Table Generator"
>
<
Items
>
<
telerik:RibbonBarControlGroup
Orientation
=
"Horizontal"
>
<
Items
>
<
telerik:RibbonBarComboBox
ID
=
"txtRow"
Width
=
"60"
runat
=
"server"
>
<
Items
>
<
telerik:RibbonBarListItem
Selected
=
"true"
/>
</
Items
>
</
telerik:RibbonBarComboBox
>
<
telerik:RibbonBarComboBox
ID
=
"txtCol"
Width
=
"60"
runat
=
"server"
>
<
Items
>
<
telerik:RibbonBarListItem
Selected
=
"true"
/>
</
Items
>
</
telerik:RibbonBarComboBox
>
<
telerik:RibbonBarButton
ID
=
"btnGenerate"
runat
=
"server"
Text
=
"Create"
/>
</
Items
>
</
telerik:RibbonBarControlGroup
>
</
Items
>
</
telerik:RibbonBarGroup
>
<
telerik:RadListView
ID
=
"RadListView1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
<
LayoutTemplate
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadLabel
Text
=
"RadLabel1"
ID
=
"rlb1"
runat
=
"server"
RenderMode
=
"Lightweight"
CssClass
=
"listViewStyles"
>
</
telerik:RadLabel
>
<
br
/>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadTextBox
ID
=
"RadTextBox1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
</
telerik:RadTextBox
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadTimePicker
ID
=
"RadTimePicker1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
</
telerik:RadTimePicker
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadDatePicker
ID
=
"RadDatePicker1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
</
telerik:RadDatePicker
>
</
div
>
<
div
style
=
"padding:10px 0 0 10px"
>
<
telerik:RadDateTimePicker
ID
=
"RadDateTimePicker1"
runat
=
"server"
RenderMode
=
"Lightweight"
>
</
telerik:RadDateTimePicker
>
</
div
>
</
LayoutTemplate
>
<
ClientSettings
>
<
DataBinding
ItemPlaceHolderID
=
"itemContainer"
>
<
ItemTemplate
>
<
div
id
=
"#= ItemHeader #"
class
=
"ListViewStyle"
>
<
div
style
=
"vertical-align: top; width: 100%"
>
<
table
id
=
"ListviewTable"
>
<
tr
>
<
td
colspan
=
"2"
>
<
span
id
=
"ItemHeader"
class
=
"ItemHeaderStyle"
><
b
>#= ItemHeader #</
b
></
span
>
</
td
>
</
tr
>
</
div
>
</
ItemTemplate
>
</
DataBinding
>
</
ClientSettings
>
</
telerik:RadListView
>
I'm trying to move a dynamically created Dock from One Zone (not dynamic) to another
Getting some weird results; after the post back the
1. dragged Dock just floats to the top of the screen.
2. the dock expands in the source zone and it un-clickable
3. if i use the ApplyState (ala the demo and many posts), the ViewState becomes corrupt, and the RadGrid on the page fires the NeedsDataSource after every postback
4. get a
There is quite a lot of code to post, so i've linked a sample project that demonstrates the problem
--Jason
i'm fairly certain this is a noob error, but i cant see it
Hi ,
I have an application(say - MyApp) which has an aspx page with RadAjaxManager and multiple rad controls in it. I am trying to access this hosted application in other html page on my desktop (say an html page with an iframe src = 'url of MyApp'). The problem i am facing here is when the page with the radcontols is loaded, the iframe of the html page disappears and even the url in the window refreshes/changes from "C:\\users\Abc\Desktop\Iframe.html" to the "Url of the MyApp" as if the application is run directly without the iframe. We are mostly using the 2014 version of RadControls
I have used the Telerik RadCaptcha control in a number of projects and can never get a skin to work with it. All other controls are using the skin defined in the Web.config file in the key:
<
add
key
=
"Telerik.Skin"
value
=
"Bootstrap"
/>
Does anyone have any idea why the RadCaptha is the only control that doesn't follow this in my projects?