Telerik Forums
Kendo UI for jQuery Forum
3 answers
81 views
Hi,

I have a similar problem to this post, which has gone unanswered:
http://stackoverflow.com/questions/20749489/turn-kendo-listview-into-a-panelbar

I have a listview with paging that displays 10 complex table structures of varying size. I would like to have those 10 listview items be a panelbar and continue to work with paging. How could I do that?
Kiril Nikolov
Telerik team
 answered on 24 Jan 2014
1 answer
274 views
How to bind the Controller data to Kendo chart

My razor code looks like

@(Html.Kendo().Chart<MvcKendoDemo.Models.tblGraph>()
.Name("DBPlot")

.Title(title => title
           .Text("Kendo Plot DB Data")
           .Position(ChartTitlePosition.Bottom)
           )

.DataSource(ds => ds.Read(read => read.Action("GetGraphData", "Graph")))

    .Series(series =>
    {
        series.Column(model => model.STATS).Name("Stats");
    })

        .CategoryAxis(axis => axis
                    .Categories(model => model.DAY)
                    .MajorGridLines(lines => lines.Visible(false))
                )
        .Tooltip(tooltip => tooltip
        .Visible(true)
        .Format("{0}%")
         .Template("#= series.name #: #= value #")
          )  
)


And Controller code
 public ActionResult GetGraphData()
        {
            var stats=new List<int?>();
            var day=new List<string>();
            foreach (var item in DB.tblGraphs)
                {
                    stats.Add(item.STATS);
                    day.Add(item.DAY);
                }
            return Json(new {stats=stats,day=day });//getting data from EF
        }

Result :- Empty graph is displayed with title.

How do i bind the data from controller to Chart.

Thanks in Advance.

Daniel
Telerik team
 answered on 24 Jan 2014
1 answer
60 views
I am creating a cordova app, and I test it on my computer while I am developing.

When I view the webpage in different mobile units, the scale
sometimes needs to be raised. I also find that the style may differ
between platforms.

What I tried was to force the platform (why do I have to do this?) like this

var app = new kendo.mobile.Application
(document.body, { skin: 'flat', platform: 'android' });


I am not sure this works perfectly, when viewing my app through the
Demo webpage (made by the kendo ui team) which lets me emulate different
devices, the webpage will not look the same (for some reason).

The scale on some devices (phones) is also a bit tiny, so I have to raise it.

How can I scale my app?

This question is also posted on stackoverflow:
http://stackoverflow.com/questions/21280952/how-to-run-kendoui-application-with-same-style-on-all-devices-and-also-perform-p
Kiril Nikolov
Telerik team
 answered on 24 Jan 2014
1 answer
1.1K+ views
When using a custom editor on  a grid field, validation messages are being hidden by the grid. 
I have set up an example here: http://plnkr.co/edit/YpH6GfYJnllVntC1fx7r?p=preview 
  1. Click on a row in the Category column to activate the editor
  2. Delete the text in the combo box.
  3. Click elsewhere in the grid.

The Category Column field remains active but there is no validation message.  The UI now appears broken as you can no longer edit other fields.

Note that the validation message is being activated but it is not visible as it is hidden by the grid.  This can be shown by adding the css rule below.

.k-grid td{
  padding-bottom:2em;!important
}
Is there a way to have Custom Editors with validation in a grid?

Thanks,

Neil

Rosen
Telerik team
 answered on 24 Jan 2014
1 answer
151 views
Hi,

I need to add a tree view inside the tabstrip.  My scenario is that upon click of a button, I get some data like below.  I need to generate 1 tab per report and put a treeview for the 'Data' inside the tab.  Is this possible?  If yes, can you please let me know how to do this?  I very much appreciate your help.

JSON Data:
[ Report 1: {  Data: [   ] }, Report 2: {  Data: [  ] } ]

Thank you.
Saravanan
Top achievements
Rank 1
 answered on 24 Jan 2014
2 answers
77 views
Kendo Support, 

There's a bug in the kendo grid detail template that is caused by using the scroll bar and switching tabs...

The following steps reproduce the problem:
1.) Open a browser and open the page http://demos.kendoui.com/web/grid/detailtemplate.html. 
2.)  Move the scroll bar all the way to the bottom of the grid.
3.) Open the row details of the 'Steven' record.
4.) Scroll up so that the details of the 'Steven' row can be seen.
5.) Click on the 'Contact Information' tab....

Voila...

The grid should maintain the scrolltop = scrollheight of  'k-grid-content', but instead moves the scrolltop position up.

Take a look and let me know what you find...

Bill
Bill
Top achievements
Rank 1
 answered on 23 Jan 2014
7 answers
563 views
Hi,
We notice that when the data source return valid data to the Grid (in Web UI) that is browsed in the iPad Safari (iOS7+), the Grid does not show any rows until user touch (click on ) the Grid. Only upon touching (clicking) the Grid then it immediately shows its rows!
This behavior is only happening in the iOS Safari and not in any other browser.
Would appreciate your investigation and solution on this problem.
Thank you.    
Dimo
Telerik team
 answered on 23 Jan 2014
1 answer
724 views
Hi,
   How can we disable toolbar buttons?  I have tried adding "k-state-disabled" and removing "k-grid-add", then on clicking Create button won't create a new row, but instead it is an anchor it is going to another page.  Generated htmlcopied from browser

<a href="#" class="k-button k-button-icontext k-grid-add"><span class="k-icon k-add"></span>New ad unit</a>

  Another thing is we have drop down menu (using template) in toolbar, how to disable that one?  Attached screen shot of dropdown menu.  Html for same is

<a href="#" class="k-button k-button-icontext k-grid-add"><span class="k-icon k-add"></span>New ad unit</a>

Thanks
Shan


Dimiter Madjarov
Telerik team
 answered on 23 Jan 2014
2 answers
38 views
Hello,

I have a datasource with daily values and I want to know if there is a way to group these values to show day of week averages (Monday, Tuesday, ...).

The goal for this is to show to users different options (based on this http://jsbin.com/oDOkAne/7/edit ) that will allow to see with the same datasource the daily, weekly, monthly, yearly values + the day of week values.

Example:
 var stats = [
                    { value: 10, date: new Date("2013/12/20") }, //Friday
                    { value: 10, date: new Date("2013/12/21") }, //Saturday
                    { value: 10, date: new Date("2013/12/22") }, //Sunday
                    { value: 20, date: new Date("2013/12/23") }, //Monday
                    { value: 20, date: new Date("2013/12/24") }, //Tuesday
                    { value: 20, date: new Date("2013/12/25") }, //Wednesday
                    { value: 20, date: new Date("2013/12/26") }, //Thursday
                    { value: 20, date: new Date("2013/12/27") }, //Friday
                    { value: 20, date: new Date("2013/12/28") }, //Saturday
                    { value: 20, date: new Date("2013/12/29") }, //Sunday
                    { value: 30, date: new Date("2013/12/30") }, //Monday
                    { value: 30, date: new Date("2013/12/31") }, //Tuesday
                ];

Will show the 7 following points (when agregate is "avg"):
Monday => 25
Tuesday => 25
Wednesday => 20
Thursday => 20
Friday => 15
Saturday => 15
Sunday => 15

Thank you,
Dan
dan
Top achievements
Rank 1
 answered on 23 Jan 2014
1 answer
112 views
Hi,

 I have one issue with the drop down inside popup grid. Attaching sample project.

It is having pop Grid in InCell mode. It is having column called Salary
Range. On click of any of the cell it displays drop down. 

My issue is drop down selected item doesn't set the cell value and reset it to existing bind value.

Regards
Alexander Popov
Telerik team
 answered on 23 Jan 2014
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?