According to following example (https://demos.telerik.com/kendo-ui/form/index), it is great and easy to create a kendoForm with validation.
...but I would like to customize rendered form, for example, I would like to place formItems into tabstrip
...or I would like to move some items, add custom text between them and etc...
Does exists any way for this (...except using react :-D ) ...or is it possible to do this with another way => generate kendoForm from existing bootstrap html form (with all kendo form features and kendo validation)?
Thanks a lot for each idea.
Hi I have a working application with Jquery autocomplete, Jquery date picker and so on. I was asked to replace a simple textbox with richtext boxes for a few fields. Since we have a license for Telerik, I decided to go with the Kendo Jquery and the UI is perfectly working by referencing.
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
I am yet to hookup the database side but in the mean time, If I insert Kendo, the Jquery datepicker is throwing error. "Error: Object doesn't support property or method 'datepicker'". Also, auto populate doesnt trigger.
Are there any conflict of using Jquery and Kendo? or are there any duplicate reference causing this issue?
<!--<link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/themes/redmond/jquery-ui.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
-->
<link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" />
<link href="https://jqueryui.com/resources/demos/style.css" rel="stylesheet" />
<script src="scripts/jquery.numeric.js" type="text/javascript"></script>
<script src="scripts/jquery-3.3.1.min.js"></script>
<link rel="stylesheet" href="https://kendo.cdn.telerik.com/2020.2.617/styles/kendo.default-v2.min.css" />
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/jquery.min.js"></script>
<script src="https://kendo.cdn.telerik.com/2020.2.617/js/kendo.all.min.js"></script>
<textarea id="successful" rows="5" cols="30" style="width:100%; height:840px" aria-label="successful">
</textarea>
<script>
var successful = $("#successful").kendoEditor({
tools: [
"bold",
"italic",
"underline",
"justifyLeft",
"justifyCenter",
"justifyRight",
"insertUnorderedList",
"createLink",
"unlink",
]
});
</script>
Please advise on this conflict. Also, I have an existing mvc textbox control @Html.TextAreaFor(m => m.successful, new { @class = "form-control" }) which is saving in the database directly. How can I associate/hookup kendo textarea with the same control and database field called "successful" Please help.
Thanks in advance.
Hi,
Here's the example (http://jsfiddle.net/jxn2u7y9/) that I try to draw a line,
But I want to control the speed of the initial animation duration,
Is there any way or api to slow down the initial animation duration speed such as the setInterval way using in this example (https://jsfiddle.net/k9fxbmp8)?
var
timer = setInterval(() => {
if
(count > len){
clearInterval(timer)
}
myChart.data.datasets[0].data.push(totalData[count]);
// myChart.data.datasets[1].data.push(releaseData[count]);
myChart.update();
count++;
},800)
Thanks
I have to disable and enable cells of the grid under the same columns based on date validations. Is it possible to do that in Kendo Grid?
I am new to Kendo UI and not getting proper examples for doing this.
P.s.Any proper example explaining this will be really helpful.
Hi,
I want to add Select All checkbox in asp.net mvc kendo grid explicitly.
We are using razor kendo grid.
If I use ClientTemplate or Client Header Template Boolean values showing. I need select all check box.
For columns its showing fine. but in header how to add select all checkbox explicitly. Kindly help
Dear Sir/Madam,
I am working on a Kendo Form in which I would like one of the fields to be read only. The field's definition is simply: { field: "someField", label: "Some Field" }
In order to make the field read-only I'm guessing I should be using the "attributes" property but I'm not sure. I have not found any example on the use of the "attributes" property.
Would you be able to provide an example showing how to make the field read-only please?
Thanking you in advance for your assistance.
Herrick
Here is my treeview. How do I format the checkboxes horizontal instead of vertical?
@(Html.Kendo().TreeView()
.Name("treeview")
.Checkboxes(checkboxes => checkboxes
.Name("checkedFiles")
.CheckChildren(true)
)
//Inline data is set with the BindTo method
.BindTo((IEnumerable<ndpbrn_hub.Areas.PaymentTracking.Models.ViewModels.NodeChkBox>)ViewBag.inline, (NavigationBindingFactory<TreeViewItem> mappings) =>
{
mappings.For<ndpbrn_hub.Areas.PaymentTracking.Models.ViewModels.NodeChkBox>(binding => binding.ItemDataBound((item, category) =>
{
item.Id = category.NodeID;
item.Text = category.NodeName;
item.Checked = category.IsSelected;
})
);
})
)