Telerik Forums
Kendo UI for jQuery Forum
11 answers
105 views
Hello,

I am developing an application for android, and found a strange effect on one of the devices. Touching of the Drawer's menu leads to two actions:
First: Drawer receives the event and begins to hide.
Second: View gets Touch event.
It's not very convenient, because the user does not expect it to happen.
I made a video recording, where you can see it.
Test button increments the counter on the screen when it receives a click. You can see how the counter is incremented when I click on the menu, not the button.

I also attach the source codes of this simple application.
It's been on my Nexus 10 with android 4.3. I compile Phonegap 3.0 application with Android SDK (local on my computer).

No such effect on other devices.
In a web browser also works correctly on all devices.

Regards.
Kiril Nikolov
Telerik team
 answered on 24 Jan 2014
3 answers
95 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
294 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
64 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.2K+ 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
171 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
113 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
617 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
770 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
43 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
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
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?