Questions on Kendo UI for jQuery Forum

1 answer

186 views

CSS classes for Date Input don't work inside the ListView

Hi,

I am trying to apply a CSS class to some of the input fields inside the list view but noticed that if I specify the input type such as Date the CSS classes don't work inside the ListView. Below is an example. you can try the full example at jsbin.com/aSExaVu/1/edit

<form action="demo_form.asp">

<ul data-role="listview" id="testListView">

<li>

Text: <input class="required">

</li>

<li>

Date (class): <input type="date" class="required">

</li>

<li>

Date (style): <input type="date" style="background:yellow">

</li>

<li>

<input type="submit">

</li>

</ul>

</form>

</div>

<style scoped>

.required

{

background:yellow

}

</style>

In this example the "required" css class is applied on first 2 input elements. The Text input shows the yellow background but Date input doens't.
If I apply the yellow background style directly to Date input (3rd input) it works but ListView somehow blocks the CSS classes for Date input.
If I move the same Date input outside of the <UL> tag it also works.

Could you please let me know how can I apply CSS classes to input or select elements inside the ListView?

Regards
Ron Farko

ListView (Mobile)

answered on 27 Aug 2013

1 answer

363 views

How to show waring message when check box is clicked on edit pop up widow from Kendogrid

I am using Kendo UI latest version in my application which is built on MVC3 framework , I have a requirement where I need to show a edit pop window which is working fine.But I have a check box on page where clicking on check box I need to show a warning message (I need to call a java script method)client side validation. So could you please help me out how to call a java script function from edit pop up window of Kendo grid.

Grid

answered on 27 Aug 2013

1 answer

171 views

Timepicker.value() + MVVM

Hi don't know if this is a bug, but it costed my a lot of frustration :D In the end I solved it but I just wanted to share and check.

Anyway I had a timepicker MVVM bound to a value. On a certain JS event i would assign that timpickers value, but not by going through the viewModel object, rather directly using the value method of the picker. That would cause the timepicker to lose sync with the MVVM model and its value would go to a null... I didn't realise what was the bug for a good 5 hours of frustration and trying to get it to work :D.

I don't know if going like this is something I should do. I guess If I'm using MVVM I should alawys edit values through the model, but the situation was specific and the expected reaction was for it to work the other way around.

DatePicker

answered on 27 Aug 2013

1 answer

116 views

Issue in forum

Hello,

1.
After adding the link in the reply UI is crashed in IE 10. Please check the below link for more info.

http://screencast.com/t/4gTQ77H46XZ

2.
In after adding the link is also not worked in IE 10 and FF latest. Please check the below link for more info.

http://www.kendoui.com/forums/kendo-ui-web/grid/groupable-uncaught-typeerror-cannot-read-property-%27length%27-of-undefined-kendo-all-js.aspx#boHt9q6aG2OF1P8AAFTdxQ

Thanks,
Jayesh Goyani

General Discussions

answered on 27 Aug 2013

1 answer

227 views

Button not appearing properly when added dynamically to button group

Hi,

Button not appearing properly when added dynamically to button group

Steps to reproduce this issue :
1. Click on Remove button. Closure button in button group will be removed.
2. Click on Add button. Closure button appears but Closure button is not in line with other buttons.

PFA the sample project.

Any help will be appreciated.

Thanks in Advance.

ButtonGroup

answered on 27 Aug 2013

1 answer

338 views

Dynamic columns generation with Kendo grid jsp tag

Hi, I have been working on a project where we have to generate the columns dynamically depending on the data coming from Server. We are using Kendo JSP taglib, so using java scriptlet to iterate over the list passed as model attribute to the JSP. Code snippet is as following:

<kendo:grid-columns>
     <%

     List fieldsList = (ArrayList)request.getAttribute("columnArr");
     List columnsList = (ArrayList)request.getAttribute("fieldsArr");
     String colName = "";
     String fieldName = "";
     for(int i=0;i<columnsList.size();i++){
      colName = columnsList.get(i);
      fieldName = fieldsList.get(i);
      System.out.println("Col and Field values are:::"+colName+","+fieldName);
      %>
      <kendo:grid-column title="<%=colName %>"
       field="<%=fieldName %>" headerAttributes="style=\"overflow: visible; white-space: normal;font-weight: bold;\"" />
     <%} %>

     </kendo:grid-columns>

Above code works fine if I use hard coded values in title and field attributes. but when I use variables as shown in above snippet, I get the following exception at runtime:
org.apache.jasper.JasperException: /WEB-INF/views/dashboardWidget.jsp(37,6) Unknown attribute type (String) for attribute title.
at org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:40)
at org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:407)
at org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:236)
at org.apache.jasper.compiler.Validator$ValidateVisitor.checkXmlAttributes(Validator.java:1164)
at org.apache.jasper.compiler.Validator$ValidateVisitor.visit(Validator.java:821)
at org.apache.jasper.compiler.Node$CustomTag.accept(Node.java:1530)
at org.apache.jasper.compiler.Node$Nodes.visit(Node.java:2361)
at org.apache.jasper.compiler.Node$Visitor.visitBody(Node.java:2411)

Any idea why Title and field attribute are not accepting String variable as value? I have seen the Tag lib for Kendo:grid-column, title has type as String.
<attribute>
            <description>The text that is displayed in the column header cell. If not set the field is used.</description>
            <name>title</name>
            <rtexprvalue>true</rtexprvalue>
            <type>String</type>
        </attribute>
Please also let me know if there is some other way to generate columns dynamically without using scriptlet.
Thanks & Regards,
Preeti

Grid

answered on 27 Aug 2013

2 answers

256 views

Not able to bind Resources to DataSource

I want to group my scheduler by locations and I'm trying to do so by binding my resources to a datasource. But I can't seem to get it to work (the commented out example - where I use a hardcoded example works fine).

@(Html.Kendo().Scheduler<NFFO_MVC4.Models.BookingViewModel>()

.Name("Scheduler")

.Date(DateTime.Today)

.StartTime(DateTime.Today.AddHours(7))

.EndTime(DateTime.Today.AddHours(20))

.Height(600)

.Width(2000)

.Messages(message =>

{

message.AllDay("Hele dagen");

message.Today("I dag");

})

.Timezone("Europe/Copenhagen")

.Views(views =>

{

views.DayView(day => day.Title("Dag"));

views.WeekView(week => week.DateHeaderTemplate("<span title='#=kendo.toString(date, 'dddd dd.MMM')#'>#=kendo.toString(date, 'ddd')#</span>").Title("Uge").Selected(true));

views.MonthView(month => month.Title("Måned"));

views.AgendaView();

})

.Group(group => group.Resources("Lokationer"))

.Resources(resource => resource.Add(m => m.LokationId)

.Title("Lokation")

.Name("Lokationer")

.DataTextField("Navn")

.DataValueField("Id")

.DataSource(ds => ds.Read(read => read.Action("GetLocations", "Scheduler"))))

//.Resources(resource => resource.Add(m => m.LokationId)

// .Title("Lokation")

// .Name("Lokationer")

// .DataTextField("Text")

// .DataValueField("Value")

// .DataColorField("Color")

// .BindTo(new[] {

// new { Text = "Parken Stadium", Value = 1, Color = "#6eb3fa" },

//                            new { Text = "Sportspladsen", Value = 2, Color = "#f58a8a" },}))

.DataSource(d => d

.Model(m => m.Id(f => f.BookingId))

.Read("GetBookings", "Scheduler")

)

EDIT: Have both tried with or without 'read => read.Action'

I am pulling the data from the following actions in the SchedulerController:

public ActionResult GetBookings([DataSourceRequest] DataSourceRequest request)

{

IEnumerable<BookingViewModel> bookingViewModels = _db.Bookinger.Select(booking => new BookingViewModel

{

BookingId = booking.Id,

LokationId = booking.Lokation.Id,

Title = booking.Aktivitet,

Description = booking.Aktivitet + " (" + booking.Forening + ")",

Start = booking.Start,

End = booking.Slut,

IsAllDay = false

});

return Json(bookingViewModels.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

}

public ActionResult GetLocations([DataSourceRequest] DataSourceRequest request)

{

return Json(_db.Lokationer.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);

}

Scheduler

answered on 27 Aug 2013

4 answers

125 views

Inconsistent theme behaviour

I modified the flat theme slightly as per these guidelines:

http://docs.kendoui.com/getting-started/mobile/styling

This worked perfectly, but when I added the app to my home screen (iPhone 5) the app showed the original flat theme colours.

Why would the app be different when launched from the home screen, and how can I prevent this?

Thanks.

General Discussions