In my chart the text does not appear correctly. I solved doing this:
$("g text").first().attr("x", "10");
But probably there is another way. Does anyone knows what can I do?
Best regards
Wilton
It is my understanding if you have a Kendo UI for ASP.NET MVC license it includes Kendo UI Professional.
I understand Kendo UI Professional is exclusively client side. Getting any data requires a call from the client to a server and then have a handler that populates a UI element (assuming data is not hard coded).
How do I get the Kendo UI (Professional) libraries?
Thanks
Hi, I am using Kendo for ASP.Net MVC version 2015.2.264 using the Blue Opal theme. I have a grid defined with
.Selectable(Sub(s) s.Mode(GridSelectionMode.Multiple))
and editing defined as
.Editable(Sub(e) e.Mode(Kendo.Mvc.UI.GridEditMode.InCell))
When I edit a text cell in the grid, the cell foreground colour is white as is the cell background colour resulting in not being able to see the cell contents.
Is this an oversight? How should I resolve this (without applying my own css style if possible)?
I have attached a picture which shows this.
I have a Kendo grid with drop down lists and its prefectly working but a one problem....
my grid field Values doesn't change to drop down list new "selected index"..
my Kendo Grid:
@(Html.Kendo().Grid<marsyeh.Models.MarsyehGridVM>()
.Name("3-Grid")
.Columns(columns =>
{
columns.Bound(C => C.id).Hidden(true);
columns.Bound(C => C.Maddah).ClientTemplate("#=Maddah.Name#");
columns.Bound(C => C.Massum).ClientTemplate("#=Massum.Name#");
columns.Bound(C => C.Tem).ClientTemplate("#=Tem.Name#");
columns.Bound(C => C.Event).ClientTemplate("#=Event.Name#");
columns.Command(C => { C.Destroy().Text("حذف"); }).Width(200);
})
.ToolBar(toolbar =>
{
toolbar.Save();
})
.Filterable()
.Editable(editable => editable.Mode(GridEditMode.InCell))
.Pageable()
.Groupable(g => g.Messages(M => M.Empty("برای گروه بندی؛ عنوان ستون مورد نظر را به اینجا Drag کنید ")))
.Navigatable()
.Sortable()
.Reorderable(re => re.Columns(true))
.DataSource(dataSource => dataSource
.Ajax()
.Batch(true)
.ServerOperation(true)
.PageSize(10)
.Events(events => events.Error("error_handler"))
.Model(model =>
{
model.Id(p => p.id);
})
.Read(read => read.Action("SeeMarsyeh2", "Marsyehs"))
.Update("EditByGrid", "Marsyehs")
.Destroy("DeleteByGrid", "Marsyehs")
)
)
********
and one of My Drop Down Editor :
@model marsyeh.Models._Tem
@(Html.Kendo().DropDownList().Name("Tem2DropDown")
.DataTextField("Name")
.DataValueField("id")
.DataSource(D => D
.Read(Read => Read.Action("ForDropDownList", "Tems"))
)
)
And I Used " [UIHint("Tem2DropDown")]" in model to relating column with Editor and it worked ...
I have an editor template set up, used in conjunction with a kendo grid. It contains two drop-downlists which use templates and value templates to display images as well as text.
The model contains an ID, which is a foreign key to a separate table, where the images are pulled from. The drop-down source controller creates the image path, and passes this to the drop-down list.
The mark up of one of the drop-downs is:-
<p>
<span class=
"fieldlabel2"
>Trend:</span>@(Html.Kendo().DropDownList()
.Name(
"Trend"
)
.OptionLabel(
"Select trend"
)
.DataValueField(
"ID"
)
.DataTextField(
"ImageDescription"
)
.DataSource(src => src.Read(rd => rd.Action(
"GetTrendsList"
,
"MetricsInput"
)))
.Template(
"#=ImagePath#<span style='margin-left:5px;'>#=ImageDescription #</span>"
)
.ValueTemplate(
"#=ImagePath#<span style='margin-left:5px;'>#=ImageDescription #</span>"
)
)
</p>
When used for editing existing records, the drop-downs work fine. However the insert button on the grid is used, a javascript error is thrown, complaining about 'ImagePath' being undefined.
If the ValueTemplate is commented out, the drop-downs and the edit form work.
What do I need to do to fix this?
Thanks
Hi.
i've grid, like in your example - http://demos.telerik.com/aspnet-mvc/grid/hierarchy.
but there'is two moments:
1. child grid with some foreign key columns (it's work without #2)
2. child grid is editable (it's work without #1)
if 1 and 2 instead, then in chrome browser's console Uncaught SyntaxError: Unexpected token ILLEGAL
Is It Posible to work with #1 and #2 ?
I have a data of about 1000 rows, about a dozen columns wide that I am populating to a grid. However the grid data looks all jumbled for a few seconds before the grid is transformed and formatted the way it should. Is there anyway to hide or fix this?
Hi,
I have the following Tabstrip, that loads a partial view:
<div id="tabs">
@(Html.Kendo().TabStrip()
.Name("tabstrip")
.Items(tabstrip =>
{
tabstrip.Add().Text("Main").LoadContentFrom("AircraftMainTab", "Aircraft", new { id = 2 })
.Selected(true);
})
)
</div>
I'm passing a value to filter the data the partial view gets.
Now I would like to reload this TAB, because the ID I pass is base on a selected Grid Row.
I can get the ID from the GRID, but don't know how to reload the partial view and pass the value from javascript.
<script type="text/javascript">
function onChange(arg) {
var model = this.dataItem(this.select());
var ts = $(tabstrip).data().kendoTabStrip;
ts.reload($(this));
}
</script>
Thanks
JP