Telerik Forums
Kendo UI for jQuery Forum
2 answers
278 views

How do i freeze the first columns and header of kendo-Grid in a scrollable mode
?

Peter
Top achievements
Rank 1
 answered on 16 Sep 2013
0 answers
79 views
Hi, if we use data-zoom="true" then zoom is working fine. but the issue is view is not fixing. screen moving up and down and left and right to fix this if we give view fixed size its not adjusting for all devices iphone and android also..


regards,
sumalatha 
Suma
Top achievements
Rank 1
 asked on 16 Sep 2013
1 answer
107 views
Hi,

I was wondering if there is a way to rearrange the order of items by dragging them? I would like the user to create their own order and then I would like to persist this order and the state (open or closed) of each item in the database. When the user logs in I would like to load the state of the panel bar and display the items in the selected order in the selected state (open and closed)

Currently I am using a third party control to do this, but I would prefer to use Kendo for this functionality. I am trying to phase out the other framework and use Kendo exclusively.

Thank you.
Alexander Valchev
Telerik team
 answered on 16 Sep 2013
1 answer
107 views
Hi,

I'm trying to get an editform working for a MVVM driven grid that gets the data from webapi controller.
I dont want to use the inline and the popup edit function from the grid.
As I'm really new to this mvvm stuff and I currently dont see a way how to do this.

Maybe someone here can help me.

Thanks


Sorry, I have just fund this: http://www.kendoui.com/code-library/web/grid/external-form-editing-for-batch-editable-grid.aspx
which seems to be that what I want to do.
Alexander Valchev
Telerik team
 answered on 16 Sep 2013
3 answers
98 views
Hi,

Upon loading my view, the window I have initiated cannot be seen. Upon using the browser developer tools I can see that the window does exist (class="k-widget k-window").

The code for this view is as follows:

<div data-role="view" data-after-show="aftershow">
    <div data-role="header">
            <div data-role="navbar">
                //nav stuff in here
            </div>
    </div>
     
    <p>Hi</p>
    <div id="window">
        Content of the Window
    </div>
    <script>
        $("#window").kendoWindow();
    </script>
</div>
The screenshot below shows what I see using the browser developer tool:
http://sdrv.ms/17vSVdW

It is worth noting that this view is access remotely, using a drawer. The page loads fine and other kendo ui stuff loads normally.

Any help would be appreciated.

Kiril Nikolov
Telerik team
 answered on 16 Sep 2013
3 answers
341 views
I have a Linear Gauge looking like this:
function createGauges(conveyanceId) {
        $("#depthBar-" + conveyanceId).kendoLinearGauge({
            pointer: {
                value: 0,
                shape: "arrow",
                color: "transparent",
                start: 0,
                reverse: true
            },
            scale: {
                majorUnit: 500,
                minorUnit: 100,
                labels: {
                    visible: false
                },
                min: -2000,
                max: 2000,
                vertical: false,
                reverse: false,
                ranges: [
                    {
                        from: -2000, // LimitLo
                        to: -1500,
                        color: "#ffc700"
                    },
                    {
                        from: 2000, // LimitHi
                        to: 1500,
                        color: "#ffc700"
                    }, {
                        from: 2000, // LimitHiHi
                        to: 1800,
                        color: "#c20000"
                    }, {
                        from: -5000,
                        to: -1800,
                        color: "#c20000" // LimitLoLo
                    }, {
                        from: 0,
                        to: 0,
                        color: "lightblue"
                    }
                ]
            }
        });
Is it possible to update the ranges dynamically with a custom input number?
I'm trying to get the gauge like this: (I'm able to locate the gauge with no problems, it's just the ranges I cannot seem to locate correctly :))
$('#depthBar-' + conveyanceId).data("kendoLinearGauge").options.scale.ranges[4].to = depthMessage;
Any help / suggestions would be greatly appreciated :)
Hristo Germanov
Telerik team
 answered on 16 Sep 2013
1 answer
78 views
Hi Everybody, I have a problem with the tooltips in RadarLine charts: when two points fall on the same vertical axis, it only displays the tooltip of upper one, even if I'm over to bottom one. I'm using Kendo 2013.2.716.

This is an example of what I mean:

---------------------------

<div id="RadarChart"></div>

$("#RadarChart").kendoChart({

"chartArea":{"background":"Transparent"},

"title":{
"text":"TITLE",
"position":"top",
"align":"left"},
"legend":{
"visible":false},
"series":[{
"name":"Value",
"type":"radarLine",
"field":"Value"}],
"categoryAxis":[{
"field":"Category"}],
"valueAxis":[{
"labels":{
"template":"#= kendo.format(\u0027{0:P}\u0027, value / 100) #"},
"majorGridLines":{
"color":"#a4a4a4"},
"majorUnit":10}],
"dataSource":{
"schema":{
"model":{
"fields":{
"Value":{"type":"number"},
"Category":{"type":"string"},
"LongCategory":{"type":"string"},
"Color":{"type":"string"},
"Exploded":{"type":"boolean"},
"InLegend":{"type":"boolean"}}}},
"data":[
{"Value":25,"Category":"Top","LongCategory":"Top Top Top Top Top","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Right","LongCategory":"Right Right Right Right Right","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Bottom","LongCategory":"Bottom Bottom Bottom Bottom Bottom","Color":null,"Exploded":false,"InLegend":false},
{"Value":25,"Category":"Left","LongCategory":"Left Left Left Left Left","Color":null,"Exploded":false,"InLegend":false}]},
"tooltip":{
"template":"#= dataItem.LongCategory # - #= kendo.format(\u0027{0:P}\u0027, value  / 100) #",
"visible":true}
});
T. Tsonev
Telerik team
 answered on 16 Sep 2013
5 answers
333 views

Hi, I have Kendo with Visual Studio 2012, MVC 3 and IE 8. The upload functionality is not working as expected. See the attached image. The upload control is used in a partial view which is showed as a pop up, and when I select a file to upload, this file is uploaded twice. Could you give me a clue to correct this behavior ?
Thanks !!

@(Html.Kendo().Upload()
          .Name("files")
          .Multiple(true)                                
          .Events(e => e
               .Select("onUploadFileSelect")
               .Upload("onUpload")
               .Remove("onRemove")
               )                   
          .Messages(config => config.Select(Html.RawLocalized(GlobalMessageKeys.Browse).ToString()))
          .Async(a => a
                        .Save("SaveData", "ManageBuilding")
                        .Remove("RemoveData", "ManageBuilding")
                    )
                     
                )

T. Tsonev
Telerik team
 answered on 16 Sep 2013
1 answer
62 views
Hi,

I am using a kendo Mobile listview with endless scrolling turned on.
My datasource schema model looks like this (Notice the "from" converting the server side "Title" to client side "title"):

1.fields:
2.            {
3.                title: { type: "string", from: "Title" },
my sort field is defined like this:
sort: [{ field: "title", dir: "desc"}],

I use odata and perform some parameter mapping like so:

parameterMap: function (parameters, type) {
                        var params = kendo.data.transports["odata"].parameterMap(parameters, type);
                        if (type == "read") {
                            params.format = "json";
                            params.$expand = allOptions.expand.join(',');
                            params.$select = allOptions.select.join(',');
                            params.page = parameters.page;
                            params.skip = parameters.skip;
                            params.take = parameters.take;
                            params.pageSize = parameters.pageSize;
                        }
                        return params;
                    }
During the  first request, the order field name is "Title" as it should be, however, loading the subsequent pages (endless scrolling), the order parameter is passed in as "title" and fails the request.

Is this a bug or misconfiguration?

Thanks, Vincent
Nikolay Rusev
Telerik team
 answered on 16 Sep 2013
3 answers
404 views
I am trying to implement the "excel like" filters in kendo filters, what i m doing right now is really old fashion way (pushing HTML tags to kendo filter and hiding the default filters):


newFilter.push('<input id="searchbox" Type="text">');
newFilter.push('<div id="checkboxes"></div>'); // add more checkboxes in the div tags later.

filter = $('form.k-filter-menu').children(),
submit = filter.children().last(),
submit.before(newFilter.join(''));

I was wondering if there is a better way of doing this?

Also,  By doing this, i need to have my own filter object, and pass it into dataSource, then combine my filter object with kendo default filters:

 this.transport = {
             read: $.proxy(function (options) {this.getPageData(options, myFilters)}, this)
};

getPageData: function(options, myFilters) {
           data.filter = data.filter ? this.filter 1: null;
           data.filter.concat(myFilters);
           //  DataBase calls on data.filters
           ...
},

however, i found getPageData is only called when kendo filter object is not empty, in another words, since I had my own filters, thus the getPageData() will never get called since the original kendo object is never changed, so i have to fake some data into kendo.grid.dataSource.filter.filters() in order to let the event fired. Is there another way to fire the event without faking any data.
Alexander Valchev
Telerik team
 answered on 16 Sep 2013
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?