Questions on Kendo UI for jQuery Forum

3 answers

162 views

[Solved] why my code does work on chrome(desktop) and not on chrome (mobile nexus 4)

Hi

i'm currently working on a project under cordova / kendo ui and i'm going through a problem that i can't solve myself.

when i'm running the project on my web browser on the computer, it works as expected but when i upload the project on my phone, there is an anormal behave ..

here is my code :

<!DOCTYPE html>

<html>

<head>

<title>Test</title>

<meta name="viewport" content="width=device-width, initial-scale=1">

<link href="styles/kendo.common.min.css" rel="stylesheet" />

<link href="styles/kendo.default.min.css" rel="stylesheet" />

<link href="styles/kendo.mobile.all.min.css" rel="stylesheet" />

<link href="styles/index.css" rel="stylesheet" />

<script src="lib/jquery.min.js"></script>

<script src="lib/kendo.all.min.js"></script>

<script src="init/cordovaInit.js"></script>

<script src="controlers/panelControler.js"></script>

</head>

<body>

<div data-role="view" id="drawer-home" data-layout="drawer-layout" data-title="search">

<div id="search">

<div id="first">

<p>first</p>

</div>

<div id="second">

<p>second</p>

</div>

<div id="third">

<p>third</p>

</div>

<div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['/', 'drawer-home']">

<ul data-role="listview" data-type="group">

<li>Menu

<ul>

<li><a href="#drawer-home" onClick="panelControler('first')">First</a></li>

<li><a href="#drawer-home" onClick="panelControler('second')">Second</a></li>

<li><a href="#drawer-home" onClick="panelControler('third')">Third</a></li>

</li>

</ul>

</div>

<div data-role="layout" data-id="drawer-layout" data-layout="overview-layout">

<header data-role="header">

<div data-role="navbar">

<a data-role="button" data-rel="drawer" href="#my-drawer" data-icon="drawer-button" data-align="left"></a>

<span>Test</span>

</div>

</header>

</div>

<script>

var app = new kendo.mobile.Application(document.body);

panelControler('first');

</script>

</body>

</html>

here is my little javascript :

function panelControler(action){

alert("panelControler");

if (action === 'first'){

alert("first show");

$("#first").show();

$("#second").hide();

$("#third").hide();

}

else if (action === 'second'){

alert("second show");

$("#second").show();

$("#first").hide();

$("#third").hide();

}

else if (action === 'third'){

alert("third show");

$("#third").show();

$("#second").hide();

$("#first").hide();

}

the problem is when i run it on the computer and i change the menu, the <p> balise change as expected but on the mobile, it's getting stuck on the <p>first<p>
i just don't know when this problem come from and then how to solve it ...

thank you for helping ;-)

Drawer (Mobile)

answered on 25 Nov 2013

6 answers

152 views

Drawer is stuck in splitview

Hi expertise,

In my application, i use splitview and normal views with drawer. When i navigate to spitview from normal view, splitview is stuck.

can I use drawer and splitview together?

Thank you.

Drawer (Mobile)

answered on 25 Nov 2013

1 answer

107 views

Binding to widgets defined in Javascript rather than declaratively.

Is it possible for a javascript Kendo widget to observe MVVM models, or can only those widgets declaratively defined in HTML participate? The reason I'm asking is that sometimes it's preferable for me to be able to define widgets in a page, but sometimes I'd like to keep them in as javascript functions.

MVVM

answered on 25 Nov 2013

1 answer

163 views

Marker Size

Hi I am new to Kendo, and was wondering if there was a way to change the marker size? I need the size to be about half as big as it currently is.

Map

answered on 25 Nov 2013

1 answer

140 views

map API settings

So in the API documentation, it shows marker default setting, layer settings, etc. Are these not possible to be set via Razor syntax:

@(Html.Kendo().Map().MarkerDefaults(con=>con.Color("blue"))

but the only settings here are shape, size, and color.

Nothing about the tooltip settings. So is the API in general assumed to be only available in javascript?

Map

answered on 25 Nov 2013

3 answers

107 views

Windows RT IE metro not being handled as a mobile useragent

I'm working with the trial right now. And I've noticed that none of the demos recognize internet explorer as a mobile browser.
So, the touch events aren't being handled properly.

For example, the scheduler is all but unusable. And in charting, tooltips don't show when tapped.

The test environment is windows 8.1 RT ie 11.

Are there any plans to handle this in the future?

General Discussions

answered on 25 Nov 2013

3 answers

287 views

Undo problem

Hello

When I press Ctrl+Z to undo changes, it does the undo however I get this JS error:
Line: 21
Error: Unable to get property 'selectRange' of undefined or null reference

I've checked the code and it seems that this.editor was never initialized.

You can reproduce the issue using the online demo

Regards,

Editor

answered on 25 Nov 2013

5 answers

220 views

Great! Responsive Widgets! Now what am I missing?

I've gone over to the demos and the widgets aren't responsive. Ok so maybe you haven't updated the website.
So where is the documentation? I blame it on my add

General Discussions

answered on 25 Nov 2013

7 answers

506 views

KendoUI web custom theme

Hi,

I am using KendoUI web widgets in my enterprise app. I need to create/customize a Theme as our corporate branding. After reading the docs, I realized that there is a tool called ThemeBuilder for this purpose available here http://demos.kendoui.com/themebuilder/web.html

Now I need to understand the logic behind the color options this tool (ThemeBuilder) shows me. All the Themes are based on 4 primary colors as shown in the selection options. However, when i try to modify/customize any theme, I found that there are more to it? How the ThemeBuilder is calculating all other colors besides the 4 Theme colors?
If I need to create my own corporate theme with 4 primary colors, how do I pick rest of the colors as shown in ThemeBuilder?

On the second note, ThemeBuilder can generate css and less. Is there a way to generate Scss as we are using scss in our organization?

Does Telerik provides scss version of their source styles. I know they provide css and less in their source directory. But converting them to scss looks like a nightmare to me!

Appreciate your help.

General Discussions

answered on 25 Nov 2013

1 answer

135 views

Kendo Scheduler resets the dates when calling create()

I'm trying to add a new item to the kendo scheduler.
My database columnNames for the start and end are "TimeStart" and "TimeEnd"
These columns have datetime formats.

In the scheduler I use the following lines to read the items from the database.

start: { type: "date", from: "TimeStart" },

end: { type: "date", from: "TimeEnd" },

When I create a new item, I set the TimeStart and TimeEnd to the chosen values.
But, because it's a custom insert form, I use:

$("#Scheduler").data().kendoScheduler.dataSource.add(newItem);

Before adding the item to this function, the dates are properly added to the object.
When I do another console.log() in the create function, the dates are suddenly changed to the current date/time.
My create function is just like this:

create: function (e) { console.log(e); }

Why does the dataSource.add() function reset all my dates?

note: I've tested this with another field in my database "CreatedDate", which has no "from" attribute in the fields configuration.
It turns out that this object doesnt change, when I set it, but when I leave it empty, Kendo will fill it also with the current Date/Time

Thanks in advance!

Scheduler

answered on 25 Nov 2013