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.

Hello,
I've read thread like this:

http://www.kendoui.com/forums/ui/multi-select/how-to-append-a-selected-item-.aspx

All works if the MultiSelect is not server side filtered.
When MultiSelect is server side filtered I cannot append items. I need a method that I can call with an array of pairs of ID - Description.

Is there a way to do this with any workaround?

Thanks

Hi Everyone,
I'm working on one of the features where I have a list and should be able to do action on multiple items at once
For example the way iPhone/Android handle editing/deleting/forwarding of messages
And I want this to work on multiple platforms iPhone, Android, Windows Phone and should work the way respective platform handle multiple item edit
Thank you in advance

listview 
css：

use template below to insert listview
 how to make every li  item  in  listview   background tranparent ，that is ，user can see the km-content background-image

Hi,
I need suggestion of how to insert data from a grid to the other Grid (Parent Grid) and if the  Data is already  existing in Parent Grid then it  should not get inserted.Could any one help with an example.Thanks in Advance.

Regards,
Winds

Are there any built-in Kendo aggregate functions that can be called in the groupFooterTemplate?

Let's say I have detail data showing customer purchase orders:


       AcmeWidgets...................................$200.00
       ZooAnimals.......................................$500.00
       ZooAnimals.......................................$400.00
       AcmeWidgets....................................$450.00
       GizmoUniverse.................................$700.00

When I group on company name is it possible to show in the groupFooterTemplate the sum() of the dollar amounts for each customer, e.g.:

        AcmeWidgets.................................$650.00
        ZooAnimals.....................................$900.00
        GizmoUniverse...............................$700.00