Telerik Forums
Kendo UI for jQuery Forum
3 answers
43 views
hi
the first one might be easier so ill start with that
1)  is there anyway to get rid of the navigator?
2)  in my chart i should be having 10 bars
ie, i have an array with 10 data objects

here is my code:
  
console.log(wData);
 $J($chartD).kendoStockChart({
     dataSource: wData,
     series: [{
         type: "candlestick",
         openField: "open",
         highField: "high",
         lowField: "low",
         closeField: "close"
     }],
     categoryAxis:{
         categories: cats,
         type: "category"
     },
     valueAxis: {
         labels: {
             format: "N0"
         }
     }
 });



i have attached a text file with what console.log(wData) is
also i have a attached a screen shot of the graph

as you can see 
the chart is only rendering the last object and not even correctly
because the open should be "0"

also just fyi
here is what "cats" looks like in the js console (which is correct)
Array[9]
0: "2009"1: "Workforce Headcount"2: "Direct Hire"3: "Acquisition"4: "Voluntary Termination"5: "Involuntary Termination"6: "Layoff"7: "Net Mobility"8: "2010"


pls help
thanks so much
Jeffry
Top achievements
Rank 1
 answered on 03 Jan 2014
3 answers
138 views
Hi there,

I have been working on an app that intergrates the twitter widget.
When i copy the source from the twitter config page and paste it in my view in the app.

it displays correctly in the simulator.

when i run it on my phone (android 4.2.2) the text loading tweets stays.
the text needed to be replaced when done loading.
 
i figgured out when i click on the "empty" view the tweets are there but i cant see them.
when i switch to an other tab and return to the twitter view it is showing correctly.

can someone help me? 

tried it very long on different ways now.
Kaloyan
Telerik team
 answered on 03 Jan 2014
1 answer
148 views

Consider the set of data below returned from a remote data source.

[
    {
        activityName: "Scheduled",
        hourlyActivities: [
            {
                hour: 8,
                activityCount: 5
            },
            {
                hour: 12,
                activityCount: 11
            }
        ]
    },
    {
        activityName: "Cancelled",
        hourlyActivities: [
            {
                hour: 8,
                activityCount: 1
            },
            {
                hour: 12,
                activityCount: 5
            }
        ]
    }
]

I'm trying to get a basic line chart that is grouped by activityName (displayed in legend), where the x axis is hour and the y axis is activityCount?  Can I get an MVVM example on how to configure the chart and data source? I was able to achieve grouping when the data source was an array of simple objects (not grouped), but I don't know where to start when the data is grouped by the server.


Iliana Dyankova
Telerik team
 answered on 03 Jan 2014
3 answers
1.9K+ views
 I am using date column in grid  while in-line edit if I enter invalid date ( like "ewr") then it showing default validation message "Filedname is not valid date". But Instead of default message I need to show custom message.  How can I change the  message?
Nikolay Rusev
Telerik team
 answered on 03 Jan 2014
1 answer
74 views
How to  enable/disable some columns on save/update from inner grid.
Alexander Valchev
Telerik team
 answered on 03 Jan 2014
1 answer
72 views
from inner grid , how to call a function..for example, when save/create operations, from inner grid. i need to call a function.
Alexander Valchev
Telerik team
 answered on 03 Jan 2014
1 answer
71 views
not able to delete inner grid row. Please help me with code.
Alexander Valchev
Telerik team
 answered on 03 Jan 2014
2 answers
86 views
Using a kendoGrid with an xml datasource and serverAggregates, defining "aggregate" throws an error "Object [object Object] has no method 'aggregates'"

I am including a code example below.  It works if you remove the "aggregate: [{field: "qty", aggregate: "sum"}],".

Here is the itemReport.xml datasource:

<xml version="1.0" encoding="UTF-8">
<page>
   <items>
      <item itemName="testitem" qty="2" />
      <item itemName="Garlic Rolls 1(dozen)" qty="1" />
      <item itemName="Triple Dipper" qty="1" />
      <item itemName="Classic Bacon Burger" qty="1" />
      <item itemName="Classic Chicken" qty="5" />
   </items>
   <aggregates>
      <qty>
         <sum>18</sum>
      </qty>
   </aggregates>
   <total val="7"/>
</page>

And the page source:

<!DOCTYPE html>
<html>
   <head>
    <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2013.3.1119/styles/kendo.default.min.css" rel="stylesheet" />
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script src="http://cdn.kendostatic.com/2013.3.1119/js/kendo.all.min.js"></script>
   </head>
   <body>

<div id="example" class="k-content">
   <div id="grid"></div>
</div>

<script>
$(document).ready(function() {
   var grid = $("#grid").kendoGrid({
      dataSource: {
transport: {
   read: "itemReport.xml",
   cache: false
},
schema: {
   type: "xml",
   data: "/page/items/item",
   aggregates: "/page/aggregates",
   model: {
      fields: {
 itemName: "@itemName",
 qty: "@qty"
      },
   },
   total: "/page/total/@val",
},
serverAggregates: true,
aggregate: [{field: "qty", aggregate: "sum"}],
pageSize: 5,
serverPaging: true,
serverSorting: true,
serverFiltering: true
      },
      height: 450,
      sortable: true,
      pageable: true,
      reorderable: true,
      resizable: true,
      columns: [
{
   field: "itemName",
   title: "Item"
},
{
   field: "qty",
   title: "Sold"
}
      ]
   });
});
</script>
   </body>
</html>


Daniel
Telerik team
 answered on 03 Jan 2014
10 answers
391 views
I'm trying to update my kendo files to a recent release, and I am running into a couple of issues:

1) The icons stopped working. I understand that I will need new icon files. Where are these stored exactly? How do I copy them over?

2) The iOS7 status bar overlay issue is still a big problem. The footers are no longer off the bottom, so that is good, but the navigation buttons are obscured by the OS status bar stuff. Without: document.body.style.marginTop = "20px";, the page still doesn't look correct. Is it possible I simply have the wrong files? I pulled them by cloning a new project in icenium and copying the files over. They must at least be newer than the ones I was using. Top of kendo.mobile.min.js says:

* Kendo UI Mobile v2013.2.1021 (http://kendoui.com)
Kiril Nikolov
Telerik team
 answered on 02 Jan 2014
1 answer
224 views
I have a kendo menu on the _LoginPartial page.
The menu has 'links' to various actions for instance:
 @(Html.Kendo().Menu()
    .Name("MainMenu")
    .Items(items =>
  {
     items.Add()
    .Text("Manage Clients")
   .Action("Index", "Clients")
... and so forth

This menu is showing if the account is authenticated.
So that users do not keep clicking on the same menu item after they got into their desired page I want to  disable the relevant menu item.
In the above mentioned example after users click 'manage clients' the action ("Index", "Clients") will be disabled; when users get out of that page
('manage clients') that same menu item will be enabled again.
How can I accomplish this?
Dimo
Telerik team
 answered on 02 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)
SPA
Filter
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
Chat
DateRangePicker
Dialog
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
OrgChart
TextBox
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
Wizard
CheckBoxGroup
TextArea
Barcode
Breadcrumb
Collapsible
Localization
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
Popover
DockManager
FloatingActionButton
TaskBoard
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
TimePicker
DateTimePicker
RadialGauge
ArcGauge
+? more
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Bronze
Iron
Iron
yw
Top achievements
Rank 2
Iron
Iron
Stefan
Top achievements
Rank 2
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Bohdan
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?