Hello, when using Kendo UI widgets we are looking for ways to replace (not use) the default Kendo UI class names. We know that we can add our own class names through template markup however there's a significant amount of Kendo generated markup that uses many classes that eventually end up conflicting with other instances of the same Kendo widget currently on the same single page application view.

We want to use multiple instances of e.g. Kendo Listview for completely different designs hence we end up with class name conflicts and we have to start overriding classes in multiple places. We don't want to override, we want to start off with a clean slate; use our own class names with exactly the styles that we need.

jQuery Tabs is a perfect example of what we're looking to do:

http://api.jqueryui.com/tabs/

http://learn.jquery.com/jquery-ui/widget-factory/classes-option/

Please let me know how we can manage ALL class names in Kendo UI Widgets.

Thank you!

Alejandro

In our product we currently have a kendo toolbar in which we have placed a kendo menu.  I believe that this is not something that is supported by kendo.  We have done this to achieve what's attached in the image.  It's basically a dropdown with 2 items.  The items have an image and text and the selected item only shows the image.  We have this working pretty much exactly like we want it right now.  Except, now we're trying to make our product work with a screen reader and the feedback from the screen reader isn't acceptable and I keep hitting roadblocks trying to get it to work.

My question is whether there is a different control we could use here that might get us close to the behavior we want, but also maybe work a bit better out of the box.

Thanks!

Hello,

Is there a way i can override default tree list drag and drop event? 

I would need similar functionality as tree view where i can order the rows and insert before or after any row.

Any help would be appreciated.

Thanks in advance!

Hi,

I have came across the following problem with kendo grid:

When i scroll down page and try to set the filter. The filter dropdown is detached from grid. The same issue occurs in date picker. In addition, distance between filter dropdown and grid corresponds the the scroll position. The issue persists across entire application, on all kendo controls.  I have attached the screenshots below

Best Regards,

Rafal

PS: The same problem was posted before on

http://www.telerik.com/forums/bug-dropdown-server-filter-list-detaches-on-scroll

but unfortunately the new version of kendo not resolved the issue.

I am using  kendo editor as so:

@(Html.Kendo().EditorFor(m => m.Interests)
        .Name("txtInterests")
        .Tag("div") -- inline mode I have also tried as an iframe
        .Tools(t => t.Clear())
        .HtmlAttributes(new { style = "width:100%; height: 400px" })
        )

i want to either set the font that is used in the editor or have it use the font from the page. The use will not be able to change it.

I tried inline mode and that did pick up the page font, but every time i click into the editable area a tool bar pops up and i do not want to see the toolbar.

I don't really care if i use inline or iframe i just want to be able to control the font-family and font-size of the editor but inheriting the page or setting them in code

any help would be great.

Thanks,

Hello 

Initially the "internal" tooltip of KendoUI slider shows the value of the current position. I need to set a tooltip text for each position. Example of a slider with 3 values (1, 2, 3). Tooltip for each position:
1 - Ok
2 - Nice
3 - Great

By the documentation I can't figure how to set it directly (inital) or at runtime (trying to access/set tooltip text of slider in change/slide events but can't figure how to access the sliders tooltip).

Is there a way to set a tooltip-text for each slider-position?

Regards

Hello Kendo Team,

I'm working with Kendo Grid and some columns are not exporting when I use the export excel feature, I think it is related with the template property, but call my eye some other columns are coming well even using template,

example:

Working Fine

                        field: "OrderID",
                        title: Order,
                        template: function (data) {
                            var url = getUrlWithLocale("/Account/OrderHistory/GetOrderDetails/");
                            return "<a id='btnViewDetails' data-orderID='" +
                                data.OrderID +
                                "' href='" +
                                url +
                                data.OrderID +
                                "/Ds' target='_self'>" +
                                data.OrderID +
                                "</a>";
                        }

Coming blank

                        field: "VolumePoints",
                        title: Volume,
                        template: "#:Pricing.VolumePoints#"

Not sure why this is happening, looks like blank columns can't to convert object into text, but the grid renders ok in the browser,

I'm attaching the js file and the excel file for your reference,

Hope you can assist, 

Thanks in advance!