Telerik Forums
Kendo UI for jQuery Forum
6 answers
162 views
We have built the theme we want in Theme Builder but I need to host the images and the sprites images myself. 

Q:  is there an easy way to get these files? I examined the generated CSS and see the url's but when I access through a browser, the images do not seem to match.

Thanks 
Dimo
Telerik team
 answered on 10 May 2013
1 answer
42 views
Hello,
Im desiging a asp.net website using kendo Chart to display year and net benefit from a json file.
On button click i change the file contents but the graph doesn't show these changes.

 <div id="Div5" class="k-content absConf">
            <div class="chart-wrapper">
                <div id="chart"></div>
            </div>
            <script>

                function createChart() {
                    $("#chart").kendoChart({
                        dataSource: {
                            transport: {
                                read: {
                                    url: "js/123.json",
                                    dataType: "json"
                                   
                                }
                            },
                            sort: {
                                field: "year",
                                dir: "asc"
                               
                            }
                        },
                        title: {
                            text: "Net Benefit Chart"
                        },
                        legend: {
                            position: "top"
                        },
                        seriesDefaults: {
                            type: "column"
                        },


                        series:
                        [{
                            field: "val",
                            name: "Net Cash Benefit"

                        }],



                        categoryAxis: {
                            field: "year",
                            labels: {
                                rotation: -90
                            },
                            
                            majorGridLines: {
                                visible: true
                            },
                        },
                        valueAxis: {
                            labels: {
                                format: "Net Cash Benefit"
                            },
                            majorUnit: 5,
                            line: {
                                visible: true
                            
                            }
                           
                     
                        },
                        tooltip: {
                            visible: true,
                            format: "N0"
                        }
                    });

                    
                }
               
                $(document).ready(function () {
                    setTimeout(function () {
                        // Initialize the chart with a delay to make sure
                        // the initial animation is visible
                        createChart();
         }, 5);
                });
               

            </script>
        </div>


Ive attached the json too as an image.

Please help me.
Iliana Dyankova
Telerik team
 answered on 10 May 2013
1 answer
95 views
I've subscribed to the layoutChange event on the parent splitter. It appears that this event is fired too early. I have a splitter that I only wish to see four columns at a time. This work's fine for initial display. Once the parent splitter is resized things become inaccurate.

I've created a fiddle to demonstrate the issue: http://jsfiddle.net/jjKb5/

The bigger the pane resize, the more inaccurate the widths are during the time of layoutChange. I don't want to have to resort to using setTimeout. Any suggestions for a solution? Is this considered a splitter bug?

I find it slightly annoying that the splitter.size method can only applies the action to a single pane even if multiple elements are returned by the selector. That forces me to do this instead:
$panesToResize.each(function (idx, el) {
    splitter.size($panesToResize.eq(idx), colWidth);
});

P.S. - I know some of this code might seem overkill. Using % widths is a much simpler solution however with large pane widths the leftover pixels from a percentage difference (100 / 7) is much larger than calculating the new pixel widths on each resize.
Dimo
Telerik team
 answered on 10 May 2013
2 answers
189 views
I'm using the Tooltip for the first time. It is working, but does not have the little triangle carat indicating the origin (if you follow my meaning). 

Here is the HTML being generated:

<div class="k-animation-container" style="width: 313px; height: 170px; margin-left: -2px; padding-left: 2px; padding-right: 2px; padding-bottom: 4px; overflow: hidden; display: none; position: absolute; top: 60px; z-index: 10002; left: 172px;"><div role="tooltip" class="k-widget k-tooltip k-popup k-group k-reset k-state-border-left" data-role="popup" style="display: none; width: 300px; -webkit-transform: scale(0.01) translateX(-313px); position: absolute;" aria-hidden="true"><div class="k-tooltip-content">Defined data processing Exceptions are presented here by category. Use these screens to inspect Exceptions before Acknowledging, performing an Action or Deferring the decision to a team member or later time. The decision will be recorded and full details provided in a generated report. Individual Item Exceptions can be treated throughout the Project from the Freeform Analysis page.</div><div class="k-callout k-callout-w" style="top: 80.5px;"></div></div></div>
and here is how I'm initializing the Tooltip:

$("#sidebar").kendoTooltip({
            filter: ".helper",
            position: "right",
            width: 300,
            animation: {
                open: {
                    effects: "zoom:in slideIn:right",
                    duration: 200
                },
                close: {
                    effects: "zoom:in slideIn:right",
                    reverse: true,
                    duration: 100
                }
            }
 
 
        });
Is it possible I'm missing some required files?

Thanks!
Charles
Top achievements
Rank 1
 answered on 10 May 2013
3 answers
117 views
I have a bar chart which binds to a large data-source because of this the columns were not readable, so we decided to show only a part of the chart and the remaining data can be seen only on need basis by either by zooming or dragging the chart area,
I know kendoChart latest version supports pan and zoom ,but i don't know how to implement for our case because our 
json looks like this.

[
{
item:name1,
count:200
},
{
item:name2,
count:100
},
{
item:name3,
count:5000
},
{
item:name4,
count:500
}
]

The category axis is 'item' field and the y axis is the 'count' field I am using KendoChart .I want to  show only the first two items initially and the remaining two must be shown only by either dragging or zooming.

In the examples which i come across for pan and zoom i could see the x-axis is usually a integer from 0 to 100, but in my case its a string(item) . so can you please provide me with an approach or a sample to achieve this.
T. Tsonev
Telerik team
 answered on 10 May 2013
4 answers
122 views
Hi,

I've found a bug that appears when all items are removed from a dataSource. After removing the final item i find that the dataSource has been reset and contains all original items.

To reproduce do the following on your jsfiddle example from  'Adding And Removing Items In kendo.data.DataSource by Kendo UI Team Blog'. Tuesday, January 29, 2013

http://jsfiddle.net/derickbailey/D4g8S/

1. tick all as done
2. remove done items
3. select show complete from dropdown (you'll see one item appears that was removed)
4. select show all from dropdown (all items are back)

Could you please let me know how to fix this?

Regards,
Douglas
Douglas
Top achievements
Rank 1
 answered on 10 May 2013
2 answers
79 views
In IE (in my case IE10), when you have menus inside tabs, the menu items are not rendered correctly in any tabs other than the one that's selected by default. It appears to not respect the "list-style-type: none;" that's defined in the stylesheets, although when you hover over the menu items, that seems to be magically fixed.

I created a simple test case that reproduces the issue:
http://fiddle.jshell.net/yjQ9R/

Hope that helps. Thanks!
Andrés
Andrés
Top achievements
Rank 1
 answered on 10 May 2013
4 answers
158 views
I need to be able to filter which days of the week users are able to select on a datepicker.

eg. disable all mondays and tuesdays.

Cant see anything in the docs or demos, is this possible?

If not possible by config, any workarounds?
Adam
Top achievements
Rank 1
 answered on 10 May 2013
1 answer
116 views
Does anyone have any experience using MS Visual Studio Coded UI tests with Kendo UI widgets? I know Telerik has their own Test Studio. I'm wondering if anyone has written any adapters or helpers for Kendo UI widgets that work with Coded UI tests?

If you know of any good blog posts or tutorials, I'd appreciate that too.

Thanks,
Jon
Atanas Georgiev
Telerik team
 answered on 10 May 2013
2 answers
55 views
Hi,

I'm trying to set a type on a property on my nested schema.
In the column template on my KendoUI Grid, I'm binding to the datafield "Month1.EHR".
How do I set that column to be a "number" in my schema model?

I've tried the below, and many other variations, but nothing I've tried has worked.
dataSource: {
    type: "aspnetmvc-ajax",
    transport: {
        read: {
            url: "@Url.Action("_GetEHR", "Performance")", type: "POST",
            contentType: "application/json",
            data: //searchOptions()
            {
                periodDate: function () { return kendo.toString($("#periodDate").data("kendoDatePicker").value(), "MMM yyyy") }
            }
        },
        parameterMap: function (options) {
            return JSON.stringify(options);
        }
    },
    serverSorting: true,
    serverFiltering: true,
    serverPaging: true,
    pageSize: 50,
    schema: {
        model: {
            fields: {
                AccountName: { type: "string" },
                Month1: { EHR: { type: "number" } },
                Month2: { EHR: { type: "number" } },
                Month3: { EHR: { type: "number" } },
                Month4: { EHR: { type: "number" } },
                Month5: { EHR: { type: "number" } },
                Month6: { EHR: { type: "number" } },
                Month7: { EHR: { type: "number" } },
                Month8: { EHR: { type: "number" } },
                Month9: { EHR: { type: "number" } },
                Month10: { EHR: { type: "number" } },
                Month11: { EHR: { type: "number" } },
                Month12: { EHR: { type: "number" } }
            }
        },
        data: function (data) {
            return data.Data;
        },
        total: function (data) {
            return data.Total;
        }
    },
},
Thanks.
RGTech
Top achievements
Rank 1
 answered on 10 May 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?