Hi I want to use K-Block and K-Header to style some portlets.

I want the K-Header to contain some right aligned buttons (expand, minimize and close)

However, currently they overflow the header height and setting the height of the portlet header statically doesn't lend itself to modularity and style changes.

Any ideas?

I have a listview of a few inputs. I click on the first one in my list and it brings up the keyboard.  I enter some text and click the <next> button in the keyboard and it moves to the next input in the listview while shifting the view up a little to bring the input into view (since the keyboard hides it).

I enter some text and repeat until all of my inputs are done and I click away to remove the keyboard from view.  
The problem is that the view seems stuck and if I try to swipe to scroll to the top it just springs back down.  I can't get the view to stay at the top of the screen.  This only happens when using the <next> button in the keyboard.

If I click into an input and choose <prev> it will cycle up to the top of the inputs but it never truly gets to the top of the view.

Any one know what is going on here or know of a resolution?

Thanks

Robert

What am I doing wrong in the below demo?

I want my template to bind to the data in the datasource...trying to follow the demos on the demo page, but...no luck :/

http://jsbin.com/ewojol/2/

My model has fields: [name, info].
When I'm sending XHR to the server, I see in chrome network tab that it sent the fields but also it has added fields [id, guid].
Why does KendoUI do it and how do I disable sending those fields?

Hi,

I am having an issue when I am using MVVM Source/Template binding

I have created a fiddle here to show my issue: http://jsfiddle.net/eedER/3/

When I use standard Kendo template directives (currentLicenseTemplate) it works, but when I use the data-bind attribute (currentLicenseTemplate1) it does not work correctly.

I have tried it on 2013.1.514  and 2012.3.1315 as well as the latest internal build (2013.1.612)

I hope that I am just missing something simple.

Any help is appreciated.

Thanks

James

Hello,

we have an autocomplete within a cell in a kendo grid. When triggering the autocomple list with an input, the list does not open below the input field, but at the top left of the window. I cannot clearly find out how the inline styles for the k-animation-container is calculated/generated. Is there an idea what to check??

Heike

We thought long-and-hard about committing to kendo, mostly because our layouts are quite specific and pixel-perfect and we have had poor experiences styling aria-based widgets. It seems to be a constant fight with the native (or default) styling. It often ends up in a firebug-based game of whack-a-mole - very expensive, time-wise.

Here is the deal - and I have wasted a huge amount of time with this, so I would really appreciate a timely reply. 

We have a page with combo boxes, date widgets and multi-selects - all of which are able to style successfully but with effort. Mostly, this effort involved having to adjust a lot more than just the .k-select and .k-input selectors (as has been advised in this forum telerik maintainers). We had to additionally deal with padding the input, adjusting the vertical position of the icon image and so on.

But these widgets have a "faux" input within .k-dropdown-wrap.

The drop down list is structured differently, of course, but the way you have set up the css makes this a knotty problem to deal with. 

Rather than do the details here, I have attached (what-I-hope are) the relevant overrides along with a few screenshots. As you can see from the screenshots, the default state is fine - but the hover and focus state is not. 

Note that the attached css is nutty - and does not work, obviously - and I honestly reached this point and then gave up. 

Basically we need to:

1. have all widgets be 24 px height
2. have the default text (and placeholders when present) align in the center (not that we have had to add padding-top to make this happen)
3. have the icons centered in all cases
4. have the text-colors and sizes carry through from the parent div (this is font-size 13px and color #254a77) - this works, by the way.
5. in the hover and focus state, the input BG needs to stay #fff while changing the .select span BG to #254A77.
6. There can be no change in position of any of the elements between default and hover/focus states.

Please note that I have lost the styled select BG color on the combo boxes but not on the drop downs - this is supposed to be #f69322.

I would really like to know how template this style so that I do not need to bother you in the future.

Note finally that each widget has a different width which we successfully do with fairly specific selectors.

Thanks for your help

S

I have a DataSource that I am using as the VM for a Grid.

After the reader grabs the data, I have a change event that I need to run to compare what is local (in an indexed db) with what was fetched.

In the snippet below I set row[i].Newer to false if the data is not newer.
Then I trigger the change on the ObservableObject.

This is all working fine, until I do a "cancel changes" from the Grid Toolbar. which seems to reset things.

How should I be updating the DS?

I have a deeply nested folder structure for the kendo related files so that may have something to do with it, although I am referencing the appropriate set of files. MVVM binding code does work but none of the styling is showing up. I am using the free trial version. When I open one of the html files from the samples folders styling does show up so there's nothing wrong with my source files. I am using asp.net mvc.

It appears that KendoUI Mobile has a number of view transitions which are not available in Kendo framework FX; I'm specifically looking at the the slide-right view transition.

The slide-right transition differs from the slide-in effect in that the slide-right animates the appearance of the new view (div) at the same time as it animates the disappearance of the old view (div).  The new view slides in from the left, "pushing" the old view off to the right.  In contrast, the slide-in effect slides in over (on top of) the old view.

Is there anyway to have an effect like the mobile slide-right transition when switching between two divs without affecting the entire visible page?  I'm looking for something that would work similarly to the flip effect, i.e.:
<div id="container">
    <div id="A"/>
    <div id="B"/>
</div>

<script>
    kendo.fx($("#container")).slideRight($("#A"), $("#B")).play();
</script>

so that div A would appear to slide-in, pushing div B off to the right.  (Similarly, slide- left, up, and down effects would be useful.)

Back to the question: Is this possible now or is the material for the feedback pages?

Thanks.