or
2 answers
337 views
I'm using a custom client template on a Kendo UI Notification control. How can I add a button in the notification and respond to it in a javascript function?
Phil
Top achievements
Rank 1
Rank 1
answered
on
03 Mar 2021
3 answers
668 views
I tried to use fa icons in the drawer but it did not seem to resize / pad (in mini mode) properly. So some of the text was visible.
What am I missing?
Regards
Erwin
Tsvetomir
Telerik team
answered
on
03 Mar 2021
2 answers
263 views
I have a kendo grid in an asp.net MVC application to fill a catalog. There are 2 columns on the grid: ItemName (text) and IsActive (checkbox).
But every time I add or edit a new row, if I write something in the text column and then hover over any checkbox in the grid the text in the cell that I was working disappears.
I'm using InCell grid edit mode. To set the checkbox column I used a ClientTemplate:
columns.Bound(x => x.IsActive).Width(80).ClientTemplate("<input type='checkbox' class='GridCheckBox' name='IsActive' #=IsActive? checked='checked' : '' #/> ");
Is there a way to solve this?
1 answer
1.2K+ views
Hi,
i have view with few butons. when i click button am displaying a view in pop up using kendo window.
here i have a form with 2 fields. after entering form data and submit ,in controller action i want to check whether those 2 fileds values are exists.
if exists i want to show error message with values are already exists, i not exists in database then i want to insert those values.
below is my code
@(Html.Kendo().Window()
.Name("AddProjectWindow")
.Modal(true)
.Width(750)
.Height(500)
.Draggable()
.Resizable()
.Title("Add New Project")
.Actions(actions => actions.Close())
.LoadContentFrom("AddProject", "Home")
.Visible(false)
)
this is my partial popup view
@model Enhancements.Models.Project
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Index</title>
</head>
<body>
<div>
@{
using (Html.BeginForm("SubmitAddNewProject", "Home", FormMethod.Post, new { id = "basicUsage" }))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<table>
<tr>
<td>Enter Project Code <label style="color:red">*</label></td>
<td> @Html.TextBoxFor(x => x.ProjCode)</td>
<td>
@Html.ValidationMessageFor(m => m.ProjCode, "", new { @class = "text-danger" })
</td>
</tr>
<tr>
<td>Enter Project Name <label style="color:red">*</label></td>
<td> @Html.TextBoxFor(x => x.ProjectName)</td>
<td>
@Html.ValidationMessageFor(m => m.ProjectName, "", new { @class = "text-danger" })
</td>
</tr>
</table>
<div id="message">
</div>
<button type="submit" value="Submit" id="btnValidateForm">Submit</button>
}
}
</div>
</body>
@Scripts.Render("~/bundles/jqueryval")
</html>
Aleksandar
Telerik team
answered
on
01 Mar 2021
10 answers
579 views
We bind Kendo Grid column dynamically from DB in .net MVC.While we bind that column in Kendo Grid it will give me an error in Browser Console like
"Uncaught SyntaxError: Unexpected identifier".
I have also attached screen shot for console Error and my Code to bind Kendo Grid.
Eyup
Telerik team
answered
on
01 Mar 2021
1 answer
194 views
I'm trying to create a tile based dashboard, but when I try to put a chart into a container, I get the error:-
VM391:3 Uncaught ReferenceError: value is not defined at eval (eval at compile (kendo.all.js:234), <anonymous>:3:1161) at init._initContainers (kendo.all.js:174269) at new init (kendo.all.js:174169) at HTMLDivElement.<anonymous> (kendo.all.js:2520) at Function.each (jquery.min.js:2) at n.fn.init.each (jquery.min.js:2) at n.fn.init.e.fn.<computed> [as kendoTileLayout] (kendo.all.js:2519) at HTMLDocument.<anonymous> (Index:87) at i (jquery.min.js:2) at Object.fireWith [as resolveWith] (jquery.min.js:2)--
The chart when placed outside of the TileLayout, works perfectly, and the chart from the demo works as well.
the code is:-
<script id="IPWL_WL" type="text/x-kendo-template"> @(Html.Kendo().Chart<BSOLPTLPortal.Models.IPWLWaitChartRecord>() .Name("ipwlChartOne") .Title(title => title .Text("Inpatient Waiting List - Waiting List (11)") .Visible(true) .Position(ChartTitlePosition.Top)) .Theme("office365") .Legend(legend => legend .Visible(false) .Position(ChartLegendPosition.Bottom) ) .Series(series => series .Column(model => model.Value).Labels(true).Gap(0.5) ) .ChartArea(area => area .Height(350) .Background("transparent") ) .CategoryAxis(axis => axis .Categories(model => model.WaitingBand) .Labels(labels => labels.Rotation(0)) .MajorGridLines(lines => lines.Visible(false)) .Title("Weeks Waiting" ) ) .ValueAxis(axis => axis.Numeric().Title("People Waiting").Visible(true) ) .DataSource(ds => { ds.Read(read => read.Action("_IPWLChartbyAdmissionTypex", "IPWL") ); } ) .Tooltip(tooltip => tooltip .Visible(true) .Template("#=value#") .Format("{0}") ).ToClientTemplate() )</script>@(Html.Kendo().TileLayout() .Name("tilelayout") .Columns(2) .RowsHeight("285px") .ColumnsWidth("50%") .Containers(c => { c.Add().Header(h => h.Text("Header One")).BodyTemplateId("IPWL_WL").ColSpan(1).RowSpan(1); c.Add().Header(h => h.Text("Header Two")).BodyTemplate("Body Text Two").ColSpan(1).RowSpan(1); c.Add().Header(h => h.Text("Header Three")).BodyTemplate("Body Text Three").ColSpan(2).RowSpan(1); }) .Reorderable(true) .Resizable(true) )
I'm using version v2021.1.119 of Kendo UI for MVC.
Thanks
Tsvetomir
Telerik team
answered
on
26 Feb 2021
1 answer
74 views
Hi,
I have two Kendo grids in my MVC page,. Each of grid inside its own <div> block. I need show them based on returned data. I code this “SHOW” condition in databound event. But have rendered issue (See attached image) when do that. If I remove the conditions, both grids showed correctly. Could someone help for the issue? Thanks in advance.
Function onDataBoundGrid1 (e) {
if (e.sender._data.length > 0) {
$("#grid1Div").show();
else {
$("#grid1Div").hide();
}
}
Function onDataBoundGrid2 (e) {
if (e.sender._data.length > 0) {
$("#grid2Div").show();
else {
$("#grid2Div").hide();
}
}
Ivan Danchev
Telerik team
answered
on
26 Feb 2021
3 answers
7.4K+ views
Hi,
I have a grid that will create multiple records in the database on Create/Update of any record in the grid. I would like to refresh the grid once the create/insert is complete so that all the newly created records will be visible to the user. How can I do that?
3 answers
685 views
I have a int with a value of 1 to 5. How do I represent that with a star rating ? And to capture the event of the star being click and sent back to a web API. I have no idea how to start and my searches pointed me to nothing.
Petar
Telerik team
answered
on
26 Feb 2021
2 answers
105 views
Hi,
I am trying to create logic to allow clicking in the Badge, based on the recommendations in https://www.telerik.com/forums/badge-click-to-execute-code-in-controller-class, to run code in the Controller but needs some direction.
The Controller is called (using ajax call in example 1) when clicking on "Get total" (in example 2) but what to use in the badge to make it execute? Not the name of it, right? (already tried this and nothing happens...)
Please describe on how to invoke the ajax call from a badge or tell me if badges cannot be used in this way. I would also like to know the rationale in not embedding native click logic to the badge. I mean, if showing an aggregated value of something, why wouldn't you want to link to the data the value is calculated from?
Example 1
<script>
$("#badge-total").click(function () {
$.ajax({
url: '@Url.Action("ShowTotalGrid")',
dataType: "json",
type: "POST",
contentType: 'application/json; charset=utf-8',
cache: false,
data: {},
success: function (data) {
if (data.success) {
alert(data.message);
}
},
error: function (xhr) {
alert('error');
}
});
});
</script>
Example 2
<div id="badge-total">
Get total
</div>
/Regards Anders
