Questions on Kendo UI for jQuery Forum

3 answers

51 views

With a Kendo UI Grid component I am doing the following to get 'titles' on my cells:

var myGrid = $("#myGrid").kendoGrid({
...,
dataBound: function(e) {
// Set the title for all of the cells
$("#myGrid td").each(function() {
$(this).attr('title', $(this).text());
});
}
}).data("kendoGrid");

But I have multiple grids spread throughout my app on multiple pages. I don't want to copy/paste this code everywhere.

How would I go about extending the kendoGrid, so that all kendoGrid components will inherit this functionality?
I have purchased Kendo UI and do have the source code, but I would prefer not to make direct changes, so that I can update easier at later dates.

General Discussions

answered on 23 Jan 2013

1 answer

128 views

Format a De-serialized date

Hi Guys,
I'm having some trouble trying to parse a deserialized date for a template...

my date after being deserialized seems like: /Date(1309471200000+0200)/
if I use that kind of date as a member of a kendo grid (using { type: "date" } and template: '#= kendo.toString(myDate,"dd/MM/yyyy") #') everything works great...

now I defined (inside a script tag in an .ashx page) a template for a listView object, and it is something like:

......
......
<div>
<span>${kendo.toString(myDate, "dd/MM/yyyy")}</span>
<span>${kendo.toString(MyNumber, "c02")}</span>
</div>
......

myNumber gets correctly formatted...
while myDate remains like /Date(1309471200000+0200)/
I've already tried kendo.format("{0:d}, myDate") with no result, and the culture is correctly set to italian.

Thanks in advance!
Fabio

General Discussions

answered on 23 Jan 2013

3 answers

84 views

Virtualizing List

Is it possible to virtualize the scrolling in a DropDownList?

Thanks!

Matt

DropDownList

answered on 23 Jan 2013

1 answer

116 views

Specify offset for Menu

When the menu appears it is covering up the button I clicked on to show it. Is there a way to fix this? Maybe by specifying an offset-y or top margin?

Menu

answered on 23 Jan 2013

3 answers

76 views

visualize row selection

Hi,

how can I change li background-color on item click to visualize that user has selected a row?
here is what i have:

...
<ul id="lvDatabases">
</ul>
...

<script type="text/x-kendo-tmpl" id="tmplDatabase">
<label >
<img style="float:left; padding-right: 0.5em" src="images/bullet.png" alt="bullet" />
${name}
</label>
</script>

$("#lvDatabases").kendoMobileListView({
dataSource: _dsDatabases,
template: kendo.template($("#tmplDatabase").html()),
style: "inset"
});

Kind regards
Axel

ListView (Mobile)

answered on 23 Jan 2013

1 answer

157 views

Client side validation causes postback

Hi,
I'm trying to do a login page starting from you demo sample.
The client side validation is not working, it runs only server side causing a tedious postback.
I simply copied your code demo.
Am I missing something?

This is my code:

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Login.aspx.cs" Inherits="Namespace.Login" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Login</title>

<link href="Content/Styles/login.css" rel="stylesheet" />

</head>

<body>

<form id="formLogin" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server"></telerik:RadScriptManager>

<div id="rfd-demo-zone">

<div class="vlaidationSummary">

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" DecorationZoneID="rfd-demo-zone" />

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default"></telerik:RadAjaxLoadingPanel>

<div class="groupWrapper">

<asp:Login ID="Login1" runat="server" Width="100%" EnableViewState="false" OnLoggingIn="Login1_LoggingIn">

<LayoutTemplate>

<table cellpadding="1" cellspacing="0" width="100%">

<tr>

<td>

<table cellpadding="0" width="100%">

<tr>

<td>

<asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">Username:</asp:Label>

</td>

<td>

<asp:TextBox ID="UserName" runat="server"></asp:TextBox>

<asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName"

ErrorMessage="Required" ToolTip="Required" ValidationGroup="Login1"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>

</td>

<td>

<asp:TextBox ID="Password" runat="server" TextMode="Password" Text="caffe"></asp:TextBox>

<asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password"

ErrorMessage="Required" ToolTip="Required" ValidationGroup="Login1"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:CheckBox ID="RememberMe" runat="server" Text="Remember"></asp:CheckBox>

</td>

</tr>

<tr>

<td align="center" colspan="2" style="color: Red;">

<asp:Literal ID="FailureText" runat="server" EnableViewState="False"></asp:Literal>

</td>

</tr>

<tr>

<td colspan="2" style="text-align: right;">

<asp:Button ID="LoginButton" runat="server" CommandName="Login" Text="Log In" ValidationGroup="Login1"></asp:Button>

</td>

</tr>

</table>

</td>

</tr>

</table>

</LayoutTemplate>

</asp:Login>

<asp:Label ID="lblRisultato" Text="" Font-Size="Large" ForeColor="Green" runat="server"></asp:Label>

<div style="margin-top: 5px;">

<asp:LoginName ID="LoginName1" runat="server" Width="300px" EnableViewState="false"></asp:LoginName>

</div>

<div style="margin-top: 5px;">

<asp:LoginStatus ID="LoginStatus1" runat="server" Width="300px" EnableViewState="false"></asp:LoginStatus>

</div>

<div style="margin-top: 5px;">

<asp:LoginView ID="LoginView1" runat="server" EnableViewState="false">

<AnonymousTemplate>

<div style="height: 100px">

This is displayed if the user is NOT logged in!

</div>

</AnonymousTemplate>

<LoggedInTemplate>

<div style="color: #fff; background-color: #015914; -moz-border-radius: 4px; padding: 4px;">

This is displayed if the user is LOGGED in!

</div>

</LoggedInTemplate>

</asp:LoginView>

</div>

</telerik:RadAjaxPanel>

</div>

</form>

</body>

</html>

The code behind is empty.

Any suggestion will be grateful!
Thank you so much ;)

Validation

answered on 23 Jan 2013

3 answers

248 views

Error in editor event

Hi,
When I used select event in editor widget, it work in IE<=8, but not work in 9 and 10, When I debuging, js code throw exception saying that "Object doesn't support property or method 'getSelection'", some times, saying method "replace" and key-down event also happen this error in IE10, the js code file is "kendo.all.min.js" and "kendo.web.min.js", is it not supported in IE9 and IE10?
thx

Editor

answered on 23 Jan 2013

1 answer

192 views

Aynchronous File Upload

I am trying out the file upload as given in the http://demos.kendoui.com/web/upload/async.html - While trying out the asynchronous file upload, I used the HTML as given in the demo, but it gives the 404 error
I replaced the "save" with http://localhost:9876/api/upload/savefile - which is a controller I developed and is hosted on standalone HTTP service (doesn't use MVC) based on the code given in the demo.
Can you tell me if I can use the Kendo UI with ApiController (instead of the Mvc.Controller as shown in the example)
-Bhanu

General Discussions

answered on 23 Jan 2013

1 answer

139 views

Hide static splitbar

I have a vertical layout where I rely on the splitter for vertical scrolling. What I'd like to do is have a vertical border connecting a header area to the following content area that contains the scrollbar. The problem with setting the CSS to height/borderwidth 0 is that the offset of the pane below it will still be 1px off.

I don't see how to deal with this other than javascript to adjust the height of the element above, not css because of the inline element height style (or moving the pane below it up 1px, seems more brittle though).

Ideally the panes would have an option to omit the border of a static splitter and in turn calculate the offsets appropriately. Other thoughts/solutions?

Splitter

answered on 22 Jan 2013

2 answers

334 views

CSS Styling of widgets

I've attached a screenshot of a couple KendoUI widgets I'm trying to style, the Menu and the TabStrip.

I'm trying to remove the outer box and it's background so it matches the clients specifications for their design.

Here's an attempt I've made with no luck on the Menu:

#menu

{

background-image: none;

background-color: none;

}

#menu .k-block, #menu k-widget, #menu .k-header

{

background-color: none;

}

I was able to modify the k-item, and the hover state, but the background box is not as obvious to me. Any help is appreciated.

Thanks,

King Wilder

General Discussions