Questions on Kendo UI for jQuery Forum

1 answer

79 views

Issue:Enter new line carries over same custom style

Hi,

Below are the steps to reproduce it.

sample markup in the editor
<p class="test">hello</p>

when i hit "ENTER" at the end of the paragraph then editor will create a new paragraph as below
<p class="test"></p>

Ideal scenario would have been new paragraph without any class.

How to prevent it from carrying the same style?

Attached video recording to illustrate the scenario.

Environment:
All major browsers
Kendo service pack - Q2 2013 SP1(2013.2.918)

Looking forward to the positive reply.

Thanks,
Anthony

Editor

answered on 25 Sep 2013

1 answer

102 views

Tool tip is not visible in the edges of the browser or when charts are side by side

Hi Team I have a use case where two charts are side by side where tool tip is not visible inthe edges

1) If two charts are side by side and you hover over a column or dot on a line that is close to the right of the chart, the tooltip will appear underneath the second chart area.
2) If a chart is near the edge of the browser window, the tooltip will is half only visible

In my idea tool tip should show in properly even though it is in the corder of the chart, by auto positioning so that it is visble.

Will the z-order any way ?

Charts

answered on 25 Sep 2013

2 answers

101 views

[Solved] Having issue with data-views on latest kendo version...

Using the kendo 2013.2.918 release, all of the sudden the drawers don't seem to work if configured with the data-views option.

Previous kendo version which appears to work http://jsbin.com/ojoVUSo/1/edit
Current kendo version with same code, but can't get drawers to open http://jsbin.com/EPEciHa/1/edit

Thanks.

Drawer (Mobile)

answered on 25 Sep 2013

1 answer

94 views

How do I retrieve a collection of Kendo Widgets by class?

I'm trying to loop through some widgets by class ID to add some additional configuration. Suppose I have the mark up below with the following script . . . how do I get widgets by class?

<input id="afCity1" name="City1" data-bind="value: dataEntryItem.City1" class="afCityDropDown" />
<input id="afCity2" name="City2" data-bind="value: dataEntryItem.City2" class="afCityDropDown" />
<input id="afCity3" name="City3" data-bind="value: dataEntryItem.City3" class="afCityDropDown" />
<input id="afState1" name="State1" data-bind="value: dataEntryItem.State1" class="afStateDropDown" />
<input id="afState2" name="State2" data-bind="value: dataEntryItem.State2" class="afStateDropDown" />

. . .
// this works no problem
$(".afCityDropDown").kendoDropDownList({
optionLabel: " ",
height: 150,
autoBind: false
});

. . .
$(".afCityDropDown").each(function () {
// this doesn't work
$(this).data("kendoDropDownList").setDataSource(dataReturned);
});

General Discussions

answered on 25 Sep 2013

1 answer

142 views

Populating the calendar

I am trying to populate the calendar control with the following information

List of dates that I have pulled back from the database, and with each date there is a set of events or text that I want to display. So it could be something like this.

1. 9/23/2013
Office Visits
Labs

2. 9/30/2013
Office Visits

3. 10/3/2013
Labs

And so on, and for each of these dates, I want to give the ability for the user to click on it and bring it to the page that I have associated with that date. I am doing this all through MVC, no client code for this time round, so I have everything coming back the way I want. Just not seeing how I can populate the calendar the way I want.

Calendar

answered on 25 Sep 2013

9 answers

258 views

Make controls in-active when drawer is shown

Hi,

I would like to know how to make the controls become inactive when the drawer is displayed.

e.g. Currently, if I have a list view showing links to other pages, if I trigger the drawer to appear, I cannot press on the original list view to just hide the view.
The other pages would be displayed instead.

Thanks!

Drawer (Mobile)

answered on 25 Sep 2013

1 answer

282 views

How to make the gird groupable false in js?

At first,My grid is defined like this,I click the search buttton and then the grid read the data and group by class.
@(Html.Kendo().Grid<Student>()
                .Name("StudentGrid")
                .Scrollable()
                .Columns(columns =>
                {
          columns.Bound(o => o.Class).Groupable(true).Title("Class");
   columns.Bound(o => o.Name).Groupable(true).Title("Name");
                    columns.Bound(o => o.Point).Groupable(true).Title("Point");

                }).AutoBind(false)
                 .DataSource(dataSource => dataSource
                                    .Ajax().Group(i => i.Add(a => a.Class))
                                    .Read(read => read.Action("GetStudentPoint", "StudentControl"))
                         .Events(events => events.Error("error_handler"))
           ))
Now I want to make the gird groupable false and hide the class column,meas I do not want to group the student data and hide class column ,What's wrong with my code?
$("#StudentGrid").data("kendoGrid").Groupable( false );
$("#StudentGrid").data("kendoGrid").hideColumn(0);
$("#StudentGrid").data("kendoGrid").dataSource.read();

Grid

answered on 25 Sep 2013

1 answer

145 views

Nested Templates not rendering upon view model changes

I am attempting to use a nested template, as detailed here : http://www.kendoui.com/forums/kendo-ui-framework/mvvm/knockout-2-inline-foreach-template.aspx#ihuL5TyNlkKcz9Znzm1gvA

With the following code.

<article>

<div id="steps" data-template="steps-template" data-bind="source: Steps"></div>

</article>

<script id="mutations-template" type="text/x-kendo-template">

<li data-bind="text: Aspect.Name"></li>

</script>

<script id="steps-template" type="text/x-kendo-template">

<div data-id="${Id}">

<h2 data-bind="text: Name"></h2>

<div><ol data-bind="source: Mutations" data-template="mutations-template"></ol></div>

<input class="autocomplete" data-key="${Id}" id="autocomplete-${Id}" />

</div>

</script>

Within my autocomplete, there is code to add the selected data to the current items "Mutations" observable array.

This works okay, it adds the data (I can see it with javascript inspection), but the nested template does not update. Is there anything else I can do about this?

MVVM

answered on 25 Sep 2013

1 answer

62 views

kendoUI Mobile and different Routing

Hy Everyone

We are interested in migrating from jquery.mobile to kendoUI mobile.
We are using thorax (https://github.com/walmartlabs/thorax) and we only want to use kendo ui mobile for the ui bot not for the routing.

Is it possible to use a different routing (like Backbone, Knockout etc.) with kendo ui mobile or not? Exists any example how kendo ui mobile can be used with any of those frameworks (I know there is a backbone blog post for kendo ui, but not for kendo ui mobile).

Thanks a lot

Application

answered on 25 Sep 2013

4 answers

169 views

Razor View - Creating Custom For for a Event

Hi - we are looking for the possibilities to see and use the Kendo UI..

how to define the Custom Template here

@(Html.Kendo().Scheduler<Kendo.Mvc.Examples.Models.Scheduler.Screening>()
.Name("scheduler")
.Date(new DateTime(2013, 6, 13))
.StartTime(new DateTime(2013, 6, 13, 10, 00, 00))
.EndTime(new DateTime(2013, 6, 13, 23, 00, 00))
.Height(600)
.AllDayEventTemplateId("customAllDayTemplate")
.Views(views =>
{
views.DayView();
views.AgendaView();
})
.BindTo(Model)
)

Scheduler

answered on 25 Sep 2013