Telerik Forums
Kendo UI for jQuery Forum
1 answer
91 views
A search for "v2013.3.1513" in the v2014.1.321 release (03926telerik.kendoui.complete.2014.1.321.commercial) returns the files listed below.
The same search in the v2014.1.318 returns nothing.

\03926telerik.kendoui.complete.2014.1.321.commercial\styles\kendo.mobile.android4.min.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.uniform.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.uniform.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.silver.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.silver.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.rtl.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.moonlight.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.moonlight.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.wp8.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.wp8.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.meego.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.meego.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.ios.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.ios.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.icenium.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.icenium.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.flat.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.flat.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.common.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.common.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.blackberry.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.blackberry.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.android4.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.android4.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.all.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.mobile.all.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.metroblack.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.metroblack.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.metro.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.metro.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.highcontrast.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.highcontrast.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.flat.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.flat.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.default.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.default.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.uniform.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.silver.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.moonlight.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.metroblack.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.metro.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.highcontrast.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.flat.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.default.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.bootstrap.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.blueopal.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.black.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.dataviz.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.common-bootstrap.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.common-bootstrap.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.common.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.common.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.bootstrap.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.bootstrap.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.blueopal.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.blueopal.css
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.black.less
\03926telerik.kendoui.complete.2014.1.321.commercial\src\styles\kendo.black.css
Sebastian
Telerik team
 answered on 24 Mar 2014
5 answers
463 views
I have a master/details pair of lists handled by simple listviews.  Clicking the master opens/loads the detail view.  It works, but after a short amount of time going back and forth, the performance gets slower and slower until it is just unusable.  I am using version 2012.3.1315.  It's noticeable in a desktop browser as I test, but gets bad fast with the iPhone.  When I watch task manager when testing with a desktop browser I see memory climb on the Chrome instance I'm running as I go back and forth.  I also notice when I go to the details page it initially displays data from the prior view before refreshing with the current data read into the data source.  When I load the master list, I reload from the data source as the data is very fluid, when I go to the details page, it loads from the data source also.  Could there be a Kendo memory leak? Could this problem be that I currently have all the views/data sources in one Index page?  Is there some Kendo cache I need to turn off? Is there some other way I need to do this to keep performance up?  Thanks.


<div id="reportPackageCountView" data-role="view" data-title="Package Count" data-show="mobileReportPackageDataBind">
   <ul data-role="listview" data-style="inset">
     <ul id="reportPackageList"></ul>
   </ul>
</div>
<div id="listPackageCompanyView" data-role="view" data-title="Package Companies" data-show="mobileCompanyPackageDataBindReport">
   <div id="divPackageCompany"></div>
   <ul data-role="listview" data-style="inset">
     <ul id="listPackageCompanies"></ul>
   </ul>
</div> 

function mobileReportPackageDataBind(e) {
   dsPackageData.read(); 
   $("#reportPackageList").kendoMobileListView({
     dataSource: dsPackageData,
     autoBind: false,
     template: kendo.template($('#reportPackageCountTemplate').html())
   });


function mobileCompanyPackageDataBindReport(e) {
   packageId = e.view.params.id;
   editPackageData = dsPackageData.get(packageId);

   dsCompanyPackageReport.read();

   $("#divPackageCompany").html("<h3>Pkg: " + editPackageData.PackageID + ", " + editPackageData.Description + "</h3>");
   $("#listPackageCompanies").kendoMobileListView({
     dataSource: dsCompanyPackageReport,
     autoBind: false,
     template: kendo.template($("#packageCompanyListTemplate").html())
   });
}




Petyo
Telerik team
 answered on 24 Mar 2014
1 answer
174 views
I'm using the trial version and have been able to create a grid in jQuery. However, when I try to use Html.Kendo in an MVC view, I'm missing an assembly refererence. Do I have access to this with the trial version? How do I get the assembly?

Thanks.

I'm trying this:

@(Html.Kendo().Grid(Model) // Bind the grid to the Model property of the view
      .Name("Grid")
      .Columns(columns =>

      ...
Sebastian
Telerik team
 answered on 24 Mar 2014
1 answer
217 views
Hi,

Is it possible to have a different column order in the column menu compared to the order the columns are displayed in the grid ?

I have a grid with about 50 columns, most of which are hidden by default.
When opening the column menu, it is hard to find the column the user is trying to find. Would it be possible to have them listed in an alphabetic order by default, or some way to specify a different order, without changing the order in which they are shown in the grid when made visible ?

Thanks!
Nikolay Rusev
Telerik team
 answered on 24 Mar 2014
1 answer
518 views
Hi,

I'm trying to set custom labels on the Y-axis in a line chart, but no success. I've looked around ALOT on the forums search google without any success.
The closest to a solution I've come is to hide the actual labels and use valueAxis.notes instead.
The problem I'm facing with the notes is that the are placed directly on the horizontal lines in the chart which makes them very hard to read, and trying to use the position option doesn't seem to help anything at all. I would like to have them placed below the line, if notes are to be used.
I'd rather just be able to set the actual labels to my own strings so that instead of "0" it would say "Lousy", 25 = "Bad", 50 = "Normal" etc.

Here's is my code for the chart.

$(document).ready(function () {
    var values = [{
        "Name": "Good",
        "DateReported": "2014-03-11",
        "valueX": 75
    }, {
        "Name": "Good",
        "DateReported": "2014-03-12",
        "valueX": 75
    }, {
        "Name": "Normal",
        "DateReported": "2014-03-13",
        "valueX": 50
    }, {
        "Name": "Bad",
        "DateReported": "2014-03-14",
        "valueX": 25
    }, {
        "Name": "Awesome!",
        "DateReported": "2014-03-15",
        "valueX": 100
    }, {
        "Name": "Awesome!",
        "DateReported": "2014-03-15",
        "valueX": 100
    }, {
        "Name": "Good",
        "DateReported": "2014-03-16",
        "valueX": 75
    }, {
        "Name": "Awesome!",
        "DateReported": "2014-03-17",
        "valueX": 100
    }, {
        "Name": "Lousy",
        "DateReported": "2014-03-17",
        "valueX": 0
    }, {
        "Name": "Good",
        "DateReported": "2014-03-18",
        "valueX": 75
    }];
 
    $('#chart').kendoChart({
dataSource: {
                data: values
            },
            chartArea: {
                height: 350
            },
            title: {
                text: "Dina rapporterade känslor"
            },
            legend: {
                visible: false
            },
            seriesDefaults: {
                type: "line",
                style: "smooth",
                labels: {
                    visible: false,
                }
            },
            series: [{
                field: "valueX",
                name: "{0}",
                tooltip: {
                    visible: true,
                    template: "<b>Mood Score: </b>#= value #<br/><b>Mood: </b> #= dataItem.Name # "
                }
            }],
            valueAxis: {
                notes: {
                    position: "bottom",
                    icon: {
                        background: "orange"
                    },
                    data: [{
                        value: 0,
                        label: {
                            position: "outside",
                            text: "Lousy"
                        }
                    }, {
                        value: 25,
                        label: {
                            position: "outside",
                            text: "Bad"
                        }
                    }, {
                        value: 50,
                        label: {
                            position: "outside",
                            text: "Normal"
                        }
                    }, {
                        value: 75,
                        label: {
                            position: "outside",
                            text: "Good"
                        }
                    }, {
                        value: 100,
                        label: {
                            position: "outside",
                            text: "Awesome"
                        }
                    }]
                },
                title: {
                    visible: false
                },
                max: 100,
                majorUnit: 25,
                labels: {
                    format: "{0}",
                    visible: false,
                },
                line: {
                    visible: false
                }
            },
            categoryAxis: {
                title: {
                    visible: false
                },
                labels: {
                    rotation: -45
                },
                field: "DateReported",
                majorGridLines: {
                    visible: false
                }
            }
        });
});

And here is a jsFiddle.
Andreas
Top achievements
Rank 1
 answered on 24 Mar 2014
1 answer
180 views
We have a grid with row set to inline edit. In the grid we have some actions defined in the toolbar. We want to show checkbox in each row. User should be able to select multiple rows and click on action button.

Expectations are:
1. on checking the checkbox for a row, should not affect any other rows.
2. changing checkbox should not afect dirtyness of that row.
Alexander Popov
Telerik team
 answered on 24 Mar 2014
1 answer
128 views
Hi,
I am new to kendo ui, trying to work with endless scrolling with local data in json form, but this shows me all data at once, i want to show first 5 records first than as user scrolls down it should show 5 more and so on,
Here is my code, please help me to make it done,.


(function (global) {
    var WeatherViewModel,
        app = global.app = global.app || {};

    WeatherViewModel = kendo.data.ObservableObject.extend({
        weatherDataSource: null,
        init: function () {
            var that = this,
            dataSource;
            kendo.data.ObservableObject.fn.init.apply(that, []);

            dataSource = new kendo.data.DataSource({
                transport: {
                    read: {
                        url: "data/weather.json",
                        dataType: "json"
                    }
                },
                parameterMap: function (options) {
                    var parameters = {
                        pageSize: options.pageSize,
                        page: options.page
                    }

                    return parameters;
                },
                schema: {
                    total: function () { return 16; }
                },
                total: function (data) {
                    return data.count; // total number of items
                },
                change: function(e) {
                    var data = this.data();
                    console.log(data.length);
                },
                serverPaging: true,
                serverSorting: true,
                pageSize: 3
            });


            $("#home-data-ul").kendoMobileListView({
                dataSource: dataSource,
                template: $("#home-data-template").text(),
                endlessScroll: true
            });

            that.set("weatherDataSource", dataSource);
        }
    });

    app.weatherService = {
        viewModel: new WeatherViewModel()
    };
})(window);
Kiril Nikolov
Telerik team
 answered on 24 Mar 2014
3 answers
79 views
I really love the switch instead of checkboxes, and now that I can use it on regular web I intend to just stop using checkboxes everywhere :)

...what's the minimum I need to include on the page to get it to work?  Like I don't want to push down the entire mobile script.

Thanks,
Steve
Petyo
Telerik team
 answered on 24 Mar 2014
2 answers
122 views
Hi,

So, im using a template binded to remote data. Everything works well on the emulator but on the device only the button appears.
code:

    <form>
            <ul id="books" data-template="template" data-role="listview" data-style="inset" data-bind="source:fields"></ul>
            <button data-role="button" id="save" type="button" class="login-button">Save</button>
  </form>
   <script id="template" type="text/x-kendo-template">
           <li >
                    <label for="page">#: Caption #</label>
                    # if (EditConfigType =="Lookup"){
                    #<select id="dropdown"></select>#
                    }
                    if (EditConfigType =="Integer"){
                    #<input type="number"  />#
                    }#
          </li>
  </script>
<script>
            $(function () {
                // create a template using the above definition    #: Caption #
                var template = kendo.template($("#template").html());

                var dataSource = new kendo.data.DataSource({
                    transport: {
                        // specify the XML file to read. The same as read: { url: "books.xml" }
                        read: {
                            url: "http://41.74.247.118/3GS_API/appapi.svc/uitemplatefields/2120b826-8db8-435c-97db-a1a753fc3e1a",
                            dataType: "json"
                        },
                        
                    },
                    schema: {
                        model: {
                            fields: {
                                IdEditConfig: { type: "string" },
                                Caption: { type: "string" },
                                EditConfigType: { type: "string" },
                                Required: { type: "number" },
                            }
                        }
                    },
                    change:
                        function (e) {
                        $("#books").html(kendo.render(template, this.view()));
                    }
                });

                dataSource.read();
                dataSource.fetch(function () {
                    var data = this.data();
                    console.log(data[0].IdEditConfig + " | " + data[0].Caption + " | " + data[0].EditConfigType + " | " + data[0].Required + " | ");
                });
            });
        </script>

please help! Thanks!
Petyo
Telerik team
 answered on 24 Mar 2014
2 answers
148 views
I followed the instructions to successfully create a Chrome Packaged App at: http://www.telerik.com/kendo-ui/chrome-packaged-app

I'd like to add the KendoEditor to the test project in the instructions.  The instructions have us create a main.html that is located outside the sandbox with a full screen iframe pointed to an index.html that is located inside the sandbox.  The Kendo UI uses a templating system that requires it is located in the sandbox.  It appears the KendoEditor uses an iframe and that causes the error pasted below when I add it to index.html.  How do I add a KendoEditor to a Chrome Packaged App?  Thanks.


Sandbox access violation: Blocked a frame at "chrome-extension://cfciefpodjoeapkegnopjnblkgaolpka" from accessing a frame at "null".  Both frames are sandboxed and lack the "allow-same-origin" flag. kendo.upload.js:490
s.extend._createContentElement kendo.upload.js:490
s.extend._initializeContentElement kendo.upload.js:594
s.extend.init kendo.upload.js:420
ut.initWidget kendo.columnmenu.js:519
(anonymous function) kendo.grid.js:402
b.extend.each jquery-1.9.1.js:7123
b.fn.b.each jquery-1.9.1.js:6735
ut.init kendo.grid.js:402
pt.init kendo.grid.js:3956
u.extend._model (index):1
u.extend.init (index):1
ut.initWidget kendo.columnmenu.js:519
D.extend._createView (index):1
D.extend.showView (index):1
historyCallback (index):1
i._historyNavigate (index):1
o.extend.navigate (index):1
(anonymous function) (index):1
b.extend.each jquery-1.9.1.js:7123
o.extend.showStart (index):1
u.extend.switchWith (index):1
D.extend._show (index):1
o (index):1
D.extend.showView (index):1
historyCallback (index):1
(anonymous function) (index):1
n.extend.trigger kendo.colorpicker.js:763
o.extend._urlChanged kendo.grid.js:1101
o.extend.start kendo.grid.js:1067
l.Observable.extend._startHistory (index):1
(anonymous function) (index):1
c jquery-1.9.1.js:7341
p.fireWith jquery-1.9.1.js:7403
b.extend.ready jquery-1.9.1.js:6875
H
Nathan
Top achievements
Rank 1
 answered on 23 Mar 2014
Narrow your results
Selected tags
Tags
Grid
General Discussions
Charts
Data Source
Scheduler
DropDownList
TreeView
MVVM
Editor
Window
DatePicker
Spreadsheet
Upload
ListView (Mobile)
ComboBox
TabStrip
MultiSelect
AutoComplete
ListView
Menu
Templates
Gantt
Validation
TreeList
Diagram
NumericTextBox
Splitter
PanelBar
Application
Map
Drag and Drop
ToolTip
Calendar
PivotGrid
ScrollView (Mobile)
Toolbar
TabStrip (Mobile)
Slider
Button (Mobile)
Filter
SPA
Drawing API
Drawer (Mobile)
Globalization
LinearGauge
Sortable
ModalView
Hierarchical Data Source
Button
FileManager
MaskedTextBox
View
Form
NavBar
Notification
Switch (Mobile)
SplitView
ListBox
DropDownTree
PDFViewer
Sparkline
ActionSheet
TileLayout
PopOver (Mobile)
TreeMap
ButtonGroup
ColorPicker
Pager
Styling
Chat
MultiColumnComboBox
Dialog
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Accessibility
Effects
PivotGridV2
Licensing
ScrollView
Switch
TextArea
BulletChart
QRCode
ResponsivePanel
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
TimePicker
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
BottomNavigation
Ripple
SkeletonContainer
Avatar
Circular ProgressBar
FlatColorPicker
SplitButton
Signature
Chip
ChipList
VS Code Extension
AIPrompt
PropertyGrid
Sankey
Chart Wizard
OTP Input
SpeechToTextButton
InlineAIPrompt
StockChart
ContextMenu
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?