Telerik Forums
Kendo UI for jQuery Forum
0 answers
95 views
Hi Kendo Mobile,

I am developing a food menu application, kendo mobile design and work is good on apple iphone and android emulator but when running on TAB like samsung galaxy tab then design is not good and that is very bad look, tabstrip breaking on screen.
what can i do for this problem?
i want my applicatio support to android and iphone both.

thanks
Nitin
Top achievements
Rank 1
 asked on 09 Jun 2012
1 answer
347 views
I am trying to figure out how to wire up the json values that are being returned from an mvc submit requested by a button to the datasource of a line plot. I have verified the data is being returned as a json array of objects[] with the scema {string seriesname, double[] xvalues, double[] yvalues}.  However, my call to createPlot(..) is only drawing the basic line plot WITHOUT my data.  Firebug is not reporting any errors and I confirmed the "plotdata" returned in the OnSuccess(..) method contains my json data.

Maybe I'm just being stupid or showing that I am inexperienced but I am hoping someone can point me in the right direction.

Thank you!
Marcus

    <script type="text/javascript">
        function OnSuccess(plotdata) {
            var localDataSource = new kendo.data.DataSource({
                data: plotdata,
                transport: {
                        read: {
                            url: ('@Url.Action("PlotData")'),
                            dataType: "json"
                        }
                    }
                });
            createPlot(localDataSource);
        }
        function createPlot(plotdata) {
            $("#myplot").kendoChart({
                theme: $(document).data("kendoSkin") || "default",
                seriesDefaults: {
                    type: "line"
                },
                dataSource: plotdata,
                series: [{
                    field: "yvalues"
                }],
                categoryAxis: {
                    field: "xvalues"
                },
            });
        }
    </script>

Entilzha
Top achievements
Rank 2
 answered on 09 Jun 2012
0 answers
239 views
I'm a bit stumped as to what I may have missed in my code. I know that data is being returned from the web service, there are no errors setting the dataSource and the dataBound event fires, and yet I see no columns on the chart. If I hard code series data then it renders OK. Can anyone spot anything that's incorrect?

This is the Json data being returned ...

{
    "d": [
        {
            "location": " Garden (AUS)",
            "amount": "4661"
        },
        {
            "location": "Suites ",
            "amount": "1768"
        },
        {
            "location": "Marriot",
            "amount": "2292"
        },
        {
            "location": "Santa Rosa",
            "amount": "1616"
        },
        {
            "location": "W",
            "amount": "275"
        }
    ]
}

<script type="text/javascript">
 
                $(document).ready(function () {
                    setTimeout(function () {
                        // Initialize the chart with a delay to make sure
                        // the initial animation is visible
                        createChart();
 
                        $("#example").bind("kendo:skinChange"function (e) {
                            createChart();
                        });
                    }, 400);
 
                });
 
                function createChart() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "black",
                        dataSource: {
                            schema: {
                                data: "d",
                                model: {
                                    fields: {
                                        location: { type: "string" },
                                        amount: { type: "number" }
 
                                    }
                                }
                            },
 
                            transport: {
                                read: {
                                    type: "POST",
                                    url: "../WebServices/DashboardService.asmx/YTDRevenueByLocation?format=json",
                                    contentType: "application/json; charset=utf-8",
                                    data: {},
                                    dataType: "json"
                                }
                                
                            },
                            error: function (e) {
                                alert("Error fetching data from server");
                            },
                            change: function (e) {
                                //alert(data);
                            },
                            requestStart: function (e) {
                                // alert("Request Start");
                            }
                        },
                        title: {
                            text: "YTD Revenue By Location"
                        },
                        legend: {
                            position: "bottom"
                        },
                        seriesDefaults: {
                            type: "column"
                        },
                        series: [
					{ name: "Totals", field: "amount" }
					],
                        categoryAxis: {
                            field: "location",
                            labels: {
                                rotation: -90
                            }
                        },
                        valueAxis: {
                            labels: {
                                format: "${0}"
                            },
                            majorUnit: 2000
                        },
                        tooltip: {
                            visible: true,
                            format: "${0}"
                        },
                        dataBound: function onDataBound(e) {
                            alert("Data is bound");
                        }
 
                    });
                }
 
 
 
 
    </script>

Greg
Top achievements
Rank 1
 asked on 08 Jun 2012
0 answers
127 views
How can you add a treeview as a panel item using MVC wrappers?

@(Html.Kendo.PanelBar().Name("something").Items(panels => { panels.Add().Text(""). Content(Html.Kendo.TreeView())}
Chris
Top achievements
Rank 1
 asked on 08 Jun 2012
6 answers
1.0K+ views
I want to add a default series of line to my graph, then add another scatter series to the same graph. Is this possible?
Iliana Dyankova
Telerik team
 answered on 08 Jun 2012
2 answers
94 views
I have a couple of views, the first one has some items, like, for example - a select box. The 2nd has a listview that displays options. When the user clicks on an item in the listview, I want to load some data and put it in the items of the first view, and I then go to the 1st view with a navigate() function. So far, so good - it all works well, but sometimes, after the navigate - I get the select options (via the standard android select options selection popup) - as if the event of clicking on the listview item propagated to the new view I just navigated to.

How do I stop this behavior after the listview item was clicked?
Ron
Top achievements
Rank 1
Veteran
 answered on 08 Jun 2012
2 answers
908 views
Hi Kendo Team,

I am trying to hide the vertical gridlines (default light gray colored) in the Chart control but it is not working. It does work for majorGridLines though and I cannot find something similar for the vertical gridlines. Is this possible?

Thanks
Amrinder
Top achievements
Rank 1
 answered on 08 Jun 2012
1 answer
296 views
I have a web page using a Kendo grid.  It was working fine with the full js file.  But to save space, I removed that file and added in the dependencies manually.  I used the documentation here: http://www.kendoui.com/documentation/javascript-dependencies.aspx.

The documentation appears incorrect.  I am not doing any editing nor sorting nor filtering.  I ended up with the following:
<script src="scripts/kendo.core.min.js"></script>
<script src="scripts/kendo.data.min.js"></script>
<script src="scripts/kendo.grid.min.js"></script>
<script src="scripts/kendo.pager.min.js"></script>
<script src="scripts/kendo.selectable.min.js"></script>

I received an error about resizing so I then included the following (incorrect docs?):
<script src="scripts/kendo.resizable.min.js"></script>

Now I just receive the error "undefined is not a function" from this last file.

Sorry if this is a duplicate, there does not appear to be a search function for the Kendo forums. 
Alexander Valchev
Telerik team
 answered on 08 Jun 2012
0 answers
213 views
How can I translate the boolean strings true / false to another lamguages like spanish Verdadero / Falso, or replacing for other strings like active / inactive?. I need to do this in the Kendo grid when editing boolean values.
César
Top achievements
Rank 1
 asked on 08 Jun 2012
1 answer
272 views
How can I Implement Stacked header (kind of common header to few columns)? 
Thanks
Iliana Dyankova
Telerik team
 answered on 08 Jun 2012
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
ScrollView
Switch
TextArea
BulletChart
Licensing
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
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
SegmentedControl
+? more
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Boardy
Top achievements
Rank 2
Veteran
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
ivory
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
ClausDC
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?