This pops up over the text box, because we are in a model popup.
<div class="form-group"> <label class="col col-md-5">Enter part of Customer number</label> <div class="col col-md-7"> <input name="number" kendo-masked-text-box pattern=".{0}|.{3,}" type="text" ng-model="filterData.number" data-pattern-msg="{{resources.validation.minLength3}}" data-required-msg="{{resources.validation.required}}" ng-required="!filterData.name"> </div> </div>
Here the inspected source.
<span class="k-widget k-tooltip k-tooltip-validation k-invalid-msg" data-for="number" role="alert"><span class="k-icon k-warning"> </span> This field is required</span>
I need this to display to the right of the input box, not above it because it covers up other stuff that needs to remain visible.
Thanks
In the attached image you can see that I have an event which stretches from 8am Nov 3rd to 8am Nov 4th.
I would like this to only display one entry instead of an entry on each day.
I'm using the MVC wrappers to build the scheduler. What is the best way to achieve this? Do I need to create a custom view?
Hi,
We're able to hide/show columns on initialization. But when we're using kendo's grouping functionality to change the group order by adding or removing a group we're not able to edit the hidden field of the grouped column directly. We'd like to hide the column which is used for grouping.
Any suggestion(s) to solve this nicely? Did I miss something in the demo/api?
Thanks!
I would like to know if the behavior explained here can be added automatically to every DropDownList created dynamically in my application:
http://docs.telerik.com/kendo-ui/web/dropdownlist/how-to/prevent-close-on-scroll
I would like this to be the default behavior for all my DropDownList because otherwise I consider they are not working as expected (same as a regular Select element, which does not close when scrolled). Thanks.
Is there a kendo model object that I can bind the grid options to in a mvc5 controller?
saveGridState: function (grid) { $.ajax({ type: "POST", contentType: 'application/json; charset=utf-8', dataType: 'json', url: url, data: JSON.stringify(grid.getOptions()) }); }
//controller method
[HttpPost]
public void SaveGridState(string gridState)
{
}
As encourage in blog post http://www.telerik.com/blogs/telerik-kendo-ui-q3-2015-beta-preview-is-out
here is feedback for the current drop.
Kendo UI/MVC Q3 Beta Preview Sample Grid doesn’t work for editing or foreign key columns, values are translated to "Microsoft.AspNet.Mvc.Rendering.TagBuilderMicrosoft.AspNet.Mvc.Rendering.TagBuilder" See attached pictures.
I am using Razor MVC3 and using KendoUI 2014.3.1411.440. I currently have a page that displays group of records in multiple kendo grids. Here's a snippet:
@foreach(var item in Model.Items)
{
@Html.Kendo().Grid(item.Records).Name("Grid").Columns(columns =>
{
columns.Bound(x => x.DateCompleted).Format("{0:yyyy-MM-dd}").Title("Date Completed").Width(80).Sortable(true);
columns.Bound(x => x.Title).Template(@<text><a href="~/details/@item.Id">@item.Title</a></text>).Title("Title").Width(200).Sortable(true);
columns.Bound(x => x.Status).Title("Status").Width(80).Sortable(true);
}).Scrollable().Sortable().DataSource(d => d.Ajax().Sort(sort => sort.Add("DateCompleted").Descending()).ServerOperation(false))
}
What's strange here is that the FIRST grid rendered will NOT use the Template I specified in the 2nd column. Instead, it just displays the Title property as plain text. On the other hand, the other grids uses the Template. When I research on possible solutions, I was told that since I am using Ajax, I need to use ClientTemplate instead of Template. I followed this recommendation and the inverse occurred when the page is rendered. The FIRST grid displays what the ClientTemplate is set to while the other grids ignore it.
Has anyone seen this before? I'm completely stumped on this.
Thanks in advance.
I am trying to create a directive to be added on multiple elements. The directive template has something liek this
<ul context menu k-filter='.hascontext'> <li ng-click="xxx.open()"></li></ul>
<div kendo-window="xxx"></div>
Is there way to assign the name of kendo window dynamically also dynamic k-filter for context menu? currently, I can see multiple context menu un-ordered list for context menu and kendo-window with same name and filter, so first one always reacts for any element right click.
I tried binding scope variables then it ignores it so nothing happens.
I might be doing something messy, please help!