Telerik Forums
Kendo UI for jQuery Forum
1 answer
134 views
Works under Chrome but not under IE9.

OS:Win7
Chrome: v15.0.874.121 m
IE9: v9.0.8112.16421 -- IE update: v9.0.3


Alex Gyoshev
Telerik team
 answered on 05 Dec 2011
4 answers
114 views
Hi, 

I got a problem when I tried to put more than 1 chart type in a page. I want to see 2 types, bar and line in the same page, so I experimented with chart example (index.html). The behavior is that when I put another chart type drawing underneath the first chart drawing function, the page rendered only the last chart I just put. 
       Actually I'm quite new in JQuery so I'm not sure did I put anything wrong.  The code here was modified from the example named "index.html" in kendoui\examples\dataviz\line-chart. 

<div class="description">Basic usage</div>
        <div id="example" class="k-content">
            <div class="chart-wrapper">
                <div id="chart" style="background: center no-repeat url('../../shared/styles/world-map.png');"></div>
            </div>
            <script>
           $(document).ready(function() {
                    createChart1();
               createChart2();
                  
                });

                function createChart1() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "default",
                        title: {
                            text: "Internet Users"
                        },
                        legend: {
                            position: "bottom"
                        },
                        chartArea: {
                            background: ""
                        },
                        seriesDefaults: {
                            type: "line"
                        },
                        series: [{
                            name: "World",
                            data: [15.7, 16.7, 20, 23.5, 26.6]
                        }, {
                            name: "United States",
                            data: [67.96, 68.93, 75, 74, 78]
                        }],
                        valueAxis: {
                            labels: {
                                format: "{0}%"
                            }
                        },
                        categoryAxis: {
                            categories: [2005, 2006, 2007, 2008, 2009]
                        },
                        tooltip: {
                            visible: true,
                            format: "{0}%"
                        }
                    });
                }              
            </script>
        </div>


 <div id="example" class="k-content">
            <div class="chart-wrapper">
                <div id="chart" style="background: center no-repeat url('../../shared/styles/world-map.png');"></div>
            </div>
            <script>
                function createChart2() {
                    $("#chart").kendoChart({
                        theme: $(document).data("kendoSkin") || "default",
                        title: {
                            text: "Internet Users"
                        },
                        legend: {
                            position: "bottom"
                        },
                        chartArea: {
                            background: ""
                        },
                        seriesDefaults: {
                            type: "column"
                        },
                        series: [{
                            name: "World",
                            data: [15.7, 16.7, 20, 23.5, 26.6]
                        }, {
                            name: "United States",
                            data: [67.96, 68.93, 75, 74, 78]
                        }],
                        valueAxis: {
                            labels: {
                                format: "{0}%"
                            }
                        },
                        categoryAxis: {
                            categories: [2005, 2006, 2007, 2008, 2009]
                        },
                        tooltip: {
                            visible: true,
                            format: "{0}%"
                        }
                    });
                }              
            </script>
        </div>


Note that both createChart1 and createChart2 are all the same except the chart type defined.

What I've done wrong for this??  

By the way, I must say you team has done an impressive work. I'll let my team based in Thailand learn to use your widget for new HTML5 compliance web development. 

Thank you!
vee
Top achievements
Rank 1
 answered on 05 Dec 2011
1 answer
392 views
Hello everybody :)

I am using KendoGrid to perform some CRUD operations on my database. I have a field set as "number", so Kendo is diplaying buttons for increasing and decreasing its value (as the example showed here)

I want to change the step size, by the following code:

$("#seasons_grid").kendoGrid({
        dataSource: dataSource,
        navigatable: true,
        pageable: true,
        height: 400,
        toolbar: ["create", "save", "cancel"],
        columns: [
        {
            field: "name",
            title: title_nombre
             
        },
        {
            field: "percentage",
            format: "{0:p}",
            step: "0.1",
            title: title_porcentaje
        },
        {
            field: "start_date",
            title: title_fecha_inicial,
            template: '#= kendo.toString(start_date, "'+formatDate+'")#'
        },
        {
            field: "end_date",
            title: title_fecha_final,
            template: '#= kendo.toString(end_date, "'+formatDate+'")#'
        },
        {
            command: "destroy",
            title: " ",
            width: "110px"
        }],
        editable: true
    });

Nevertheless, it is not working as the upper arrow increases the value in one unit, and it must be increased in 0.1 (as a percentage).

Thanks in advance :)
Rosen
Telerik team
 answered on 05 Dec 2011
2 answers
374 views
Hello,
When dropdownlist is just created, you may set initial value to it. I want to handle "change" event from different control. Is there a way to fire change event when dropdownlist initial value is set?
Thanks.
Dmitry
Top achievements
Rank 1
 answered on 05 Dec 2011
1 answer
105 views
In the documentation found here: http://www.kendoui.com/documentation/framework/datasource/configuration.aspx it list a configuration called dialect. I couldn't get it to work and later found that it has been renamed to parameterMap. Documentation should be updated.
Georgi Tunev
Telerik team
 answered on 05 Dec 2011
2 answers
249 views
Is the Kendo UI dependent on a certain minimum version of jQuery?

Thanks.
Atanas Korchev
Telerik team
 answered on 05 Dec 2011
3 answers
184 views
I'm following the launch of Kendo UI closely.
IMHO what Kendo has to do right now is post a demo of a medium sized web app (>20 screens) showing us how to integrate al the pages eg via the menu widget.
The To-Do-List sample app is learning us nothing.
2 years ago, I've bought, studied, tested, flamed, ... ExtJs and never got to the point of building a decent web app.
This was THE MAJOR complaint of the ExtJs newsgroups. They have a lot of small widget demos but how do we integrate them into a medium sized app eg a webshop.
So, Kendo UI, please don't make the same mistake.
Show us a medium sized web app with all the widgets and - most important - how they interact with each other.

regards

Patrick De Laet
patrick@fijisoft.be
Sebastian
Telerik team
 answered on 05 Dec 2011
2 answers
432 views
Hy 

Is it possible to combine the date and time picker into a single control? I think telerik for Asp.NET has susch a control!? 

I don't want to have two fields, because then I have to merge the date and the time value on the server side. 

Thank you 
Micha
Atanas Korchev
Telerik team
 answered on 05 Dec 2011
3 answers
780 views
Hi,

I am having trouble figuring out how to get the data source to re-read its data. This is in context of a grid being bound to the data source.

I can set a new filter on the the data source and it will re-get, issue a change event which updates the grid. But filters seems to be limited to the columns in the data source.

In my situation I need to change a transport.data parameter (I am also using parameterMap) for the new data.

I tried:
mygrid.dataSource.transport.read({ data: { some_param: "some_data" }});

In this case "some_param" shows up in parameterMap and I can pass it on as a parameter. The dataSource then re-gets again but does not issue a change event, so the grid is not updated.

I was expecting to be able to change transport options and then do something like dataSource.Refresh() which in turn would re-get and trigger the change event.

OR provide some custom data in a filter that is related to the columns in the data.

Another way to put is allow client filtering, but go to the server if the filter column does not exist locally.

Any ideas?
Dmitry
Top achievements
Rank 1
 answered on 05 Dec 2011
2 answers
227 views
Hi, Kendo UI

I'm just start developing a demo website using kendoui at http://www.sudoku.in.th
And I want to add some tooltips for my website.

Do you plan to add tooltip widgets into KendoUI Project?

Thank you for cool UI.
Cheers
Sebastian
Telerik team
 answered on 05 Dec 2011
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
Drag and Drop
Application
Map
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
Licensing
ScrollView
Switch
TextArea
BulletChart
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
TimePicker
FloatingActionButton
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
DateTimePicker
RadialGauge
ArcGauge
AICodingAssistant
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?