I have started using Zurb Foundation (only the CSS) as a grid layout for Kendo projects.

Works fine so far, but I am having a problem with kendo windows. 

I am not getting small-offset or small-centered to work.

I suspect the pop-up window is smaller than that the media queries say the size of the outer window, so it is not working. Is that correct? 

I,e, I don't want to waste time using Zurb in pop up windows if it is not even been considered from a design viewpoint.

Hi Kendo Team:
What's the solution you give for kendo ComboBox with remote dataSources that return thousands of rows? Paging? Virtual Scrolling?
The demos only show comboBoxes with just a few records. Could you provide any sample, please?

Kind regards,
Oscar.

So I have a graph with multiple series.

.Series(series => {
     series.Line(model => model.SentFiles).Name("Sent");
     series.Line(model => model.ReceivedFiles).Name("Received");
     series.Column(model => model.SentFiles).Name("Sent Data");
     series.Column(model => model.ReceivedFiles).Name("Received Data");
     series.Area(model => model.ReceivedFiles).Name("Received Data").Labels(false);
     series.Area(model => model.SentFiles).Name("Sent Data").Labels(false);
})

because I want my users to be able to show and hide multiple different types of data in 1 graph

I have worked out how to hide series

for (var i = 0, length = series.length; i < length; i++) {
     series[i].stack = stack;
     series[i].visible = (types.indexOf(series[i].type) != -1);
};

however the legend for the series just "grays out".

I want to be able to show and hide the legend as I show and hide the series.

can you please advise how I can achieve this.

Thanks

*** EDIT  ***

Ok so my initial problem was hiding the legends dynamically, this has been solved.
However, I now have the issue of setting the initial setup of the series and legends...

So I can do the following

.Series(series =>
{
     series.Line(model => model.SentFiles).Name("Sent");
     series.Line(model => model.ReceivedFiles).Name("Received");
     series.Column(model => model.SentFiles).Name("Sent Data").Visible(false);
     series.Column(model => model.ReceivedFiles).Name("Received Data").Visible(false);
     series.Area(model => model.ReceivedFiles).Name("Received Data").Visible(false);
     series.Area(model => model.SentFiles).Name("Sent Data").Visible(false);
})

which will hide the series, but the legends for those are viewable ("grayed out"). I want a way to initially hide the legends.

I would prefer not having to call a js method on Document.Ready to then hide series

I would have thought if this functionality is available through the JS api that this should be a configurable setting.

Thanks in advance

Hi,

I am relatively new to web development, so please allow me a maybe stupid question. I searched here and with google, but did not come closer to the answer...

Kendo says it is a HTML5 framework. Ok, fine. Now, I did an application with Kendo, and it runs in old browsers, too. So, somehow it cannot really be HTML5. I am just confused: Is there some kind of migration in the background? Or how can you say Kendo is HTML5, when it actually all I get (and all I want) is HTML4?

Thanks!

Hi,
Please refer to the foloowing HTML snippet. I have added the kendo and jquery references properly.
When I remove the percentage values the validator function works properly. But when it is set to percentage it will not work Please help. Thanks in advance
Regards,
Vijay


   <div style="width: 90%; height: 8%; float: left;">
<label id="lblUserName" class="LoginLabel required" for="UserName">
Username:
</label>
</div>
<div style="width: 90%; height: 16%; float: left;">
<input id="txtUserName" type="text" maxlength="100" class="LoginTextBox" 
name="UserName"   placeholder="UserName" required validationmessage="Please enter {0}" />
</div>

Similar to your demo I want to have a keno mobile app inside a iframe and when a page loads I don't want the page to jump to the top of the app when I supply an initial page to the kendoMobile initialization method.

Any insight on embedding an app in an iframe on a page and not having the page jump. I see in the code on the site you are not supplying an initial view. Is there any other way?

I'm working on handling transport.update as a function function that writes the values to localStorage rather than a remote server.   I can't seem to get the framework to unmark the object as "dirty"... and as a result the transport.update continues to fire on every .sync() call.

I've tried all of the following approaches but the item always retains dirty = true.

manually marking dirty = false:
transport{
                update: function (options) {
                    localStorage[options.data.id] = kendo.stringify(options.data);
                    var theTask = ds.get(options.data.id);
                    theTask.dirty = false;
                    options.success(theTask);
                }
}

returning the raw data:
transport{
                update: function (options) {
                    localStorage[options.data.id] = kendo.stringify(options.data);
                    options.success(options.data);
                }
}

returning nothing:
transport{
                update: function (options) {
                    localStorage[options.data.id] = kendo.stringify(options.data);
                }
}

hi kendo

data-transition is not working when using external html page in anchor tag:
<a data-icon="cart" data-rel="external" href="test.html" data-transition="slide"/>

thanks

I saw it mentioned that chart annotations are now possible. Just trying to find an example of how to use it.

Maybe annotation isn't the correct term for what I'm trying to do, but basically I need to add some sort of a marker line to a chart that is associated with some text. So I can specify that something happened at a certain point in the timeline.

See attached image for what I mean. 

what options are available for managing the views that get displayed when a user presses the "back" button on their phone? We have a script with a login/logout, and can't have the ability to press "back" to a previous view after the user logs out. The app resets at that point, but the history object is still active.