Questions on Kendo UI for jQuery Forum

0 answers

177 views

Can Tooltip float on the right side of the bar?

The title is misleading. I want the tooltip to float on the left side of the bar. But I don't know how to edit the title.

The default of the tooltip for the bar chart is on the right side. I have checked the api for the tooltip in bar, it only provides the styles of the tooltip, but nothing else. I want to reset the location of tooltip to the left side that close to y-axis.

Just create a test demo in Fiddle. In the code, I copy one of demo from DataViz. The tooltip is floating on the right side of the bar when you hover on the bar. However, sometime, there is not enough space to display tooltip on the browser even though the users see it in full screen.

I am looking for modify the default behavior of tooltip in order to float it on the left side of the bar.
http://jsfiddle.net/davishacker/gapkL/

Charts

asked on 31 Oct 2012

1 answer

194 views

Grid toolbar databind

Hi guys,

I'm currently trying to bind a viewModel value to a toolbar using a template, but no matter what I do it doesn't work, do you have any idea of how I can get it to work?

$("#grid").kendoGrid({

dataSource: viewModel.data,

toolbar: [{

name: "head",

template: '<span>Type: <label data-bind="text: #=viewModel.type#"></label></span>'

}],

columns: [

{ field: "Field1", title: "Column1", template: '#=val1#' },

{ field: "Field2", title: "Column2", template: '#=val2#' },

{ field: "Field3", title: "Column3", template: '#=val3#' }

],

autoBind: true

});

Thank you in advance.

Grid

answered on 31 Oct 2012

1 answer

679 views

2 Bugs when zooming a grid

I found two minor ui glitches that appear when zooming a page that contains a grid:

1) Grid header and grid body are not well aligned when zooming a page that contains a grid. The border line of some column headers is not well aligned with the border line of the respective column in the body. The effect becomes more visible the higher the zooming level is. All the columns become well aligned again once any column has been resized. After resizing a column the effect can|t be reproduced anymore (until the page is reloaded).

2) Resizing cursor does appear when zoomed page is scrolled to the right. Please notice, I'm referring to the horizontal scrollbar of the browser window, not to the scrollbar of the grid. The resizing cursor is always available (for any column) as long as the scrollbar is on the leftmost position. Once the user scrolls to the right (even a little bit), the resizing cursor doesn't appear anymore for any column. This can also be reproduced in low zoom levels, when the horizontal scrollbar just appears. In this case there seems to be some kind of threshold, when scrolling a little bit to the right, the resizing cursor is still available, scrolling a little further, no resizing cursor.

Both issues can be reproduced in the online demos (e.g. column-resizing.html), but also in 2012 Q2 and 2012 Q3 Beta. As both problems appear in various browsers (Firefox 16, Chrome 22, in IE7-9 only the 2nd bug) I suspect these could be a problem in kendoUI.

Grid

answered on 31 Oct 2012

4 answers

377 views

Custom Bindings and templates

Hi Kendo,

Is it possible to have custom bindings applied to template items?

i have this in a template:

<input style="width:22px;" type="text" data-bind="value: PercentOfValue" data-keyup="numericOnly" data-value-update="keyup" />

and this as a binding:
kendo.data.binders.numericOnly = kendo.data.Binder.extend({
    refresh: function () {
        $(this.element).bind('keyup', function (evt) {
            var charCode = (evt.which) ? evt.which : event.keyCode;
            if (charCode != 46 && charCode > 31
              && (charCode < 48 || charCode > 57)) {
                return false;
            }
            return true;

        });
    }
});

This is the latest thing i've tried. I've also attempted to use the 'refresh' to simply rewrite the bound value to not include any letters etc without any success. It seems as though the refresh is simply ignored to those properties bound in a template. it is initially called when a new array item is added to the viewModel.. but never called when the value is "refreshed".

PLEASE respond to this.

MVVM

answered on 31 Oct 2012

0 answers

94 views

SVG support in IE10

Our team has been testing our Kendo UI Mobile app in IE 10 on Win8 and WinRT devices this week. Things are working fairly well, however, the default SVG for things like tab strip buttons aren't displaying. Is there a work around for this that you could recommend?

Thanks,
Benton

General Discussions

asked on 31 Oct 2012

0 answers

96 views

Ajax binding service realization

Hello,

In this example http://demos.kendoui.com/web/grid/remote-data.html grid connected to remote service. But service doesn't described.

In Razor markup way controller method receives DataSourceRequest and returns DataSourceResult. Is it possible to do something similar? Maybe some sample..

Thanx

Grid

asked on 31 Oct 2012

4 answers

577 views

Cancel popup, clears grid background color

I have some conditional formatting that changes row colors when a grid is databound. When a popup editor is invoked and then cancelled the background color of that row goes back to the default (I need to maintain it). I've tried capturing the close event like below, but that doesn't seem to work. Any suggestions?

.Editable(editable => editable.Mode(Kendo.Mvc.UI.GridEditMode.PopUp).Window(m => m.Name("EditWindow").Title("Edit").Events(ev => ev.Close("onClose"))).TemplateName("Template"))

onClose never fires...

Grid

answered on 31 Oct 2012

3 answers

515 views

Prevent editing of a single row in the grid

Is there any way to prevent editing of the first row in a grid? I need to allow editing of the remainder of cells in the grid (based on the config), however, I want to prevent all editing for the entire first row.

Grid

answered on 31 Oct 2012

4 answers

174 views

[Solved] Multiple pane for splitview

Hi,

          I need a mulitple pane for the splitiview.  And I found out that there are 2 problems.

      Problem:
          How do I remove the spaces between the pane?  How to exclude the dots or page indicator?

     Note:
           I only need the mulitple pane with no space in between and page indicator.

         Please check the attached file for the source code.

Thanks,
Mac

SplitView

answered on 31 Oct 2012

1 answer

110 views

JustCode Warnings

Hi,

Telerik JustCode is reporting several warnings about Kendo UI (kendo.mobile.*.css) files. See the attached screenshot..
Doesn't Kendo UI follow the rules and standards defined in JustCode? If it has nothing to do with Kendo UI, what's the problem with JustCode?

Regards,
ismet

General Discussions

answered on 31 Oct 2012