Telerik Forums
Kendo UI for jQuery Forum
1 answer
79 views
As part of my requirements my graph needs Log scale. Is it natively supported in kendo dataviz. If not how do u suggest to go about it. 
Iliana Dyankova
Telerik team
 answered on 04 May 2012
0 answers
125 views
Suppose DDL1 has items A, B, C coming from query SELECT tablename as item from tablenames
When DDL1 is changed I want DDL2 to get items from appropriate table using query SELECT item from {DDL1.value()}

In the change handler for DDL1 the following does not work.

DDL2.enable(true);
DDL2.dataSource = new kendoDataSource (...);
Richard
Top achievements
Rank 1
 asked on 04 May 2012
1 answer
961 views
Hi Kendo UI Team:
I need to show the items of a listView in so many columns as its container's width allows. For instance:

item-1 item-5
item-2 item-6
item-3 item-7
item-4

Note the vertical sequence.
Is there a way to accomplish this?

Kind regards,
Oscar
Dimo
Telerik team
 answered on 04 May 2012
1 answer
104 views
Hi,

We are a small development team in China and are currently considering purchasing a copy of KendoUI's awesome widgets.  We met up with some problems while developing using the Grid.  I'm sorry, but we don't have any jsFiddle samples available.

I am using the Kendo Grid together with the detail template.  The detail template contains a HTML table with input fields in each cell.  Whenever we try to sort/group by/filter the grid, we realized that the change event of the data source is fired!  This "side-effect" refreshes the detail template and causes all of our input fields to empty out.

Is this the proper behaviour?  If so, how would we prevent the refreshing of the detail template/data source?

Regards,
Mark Huang
Dimo
Telerik team
 answered on 04 May 2012
2 answers
204 views
Hi Kendo UI team:
If you change the font-family to Segoe UI, the border-bottom of the title bar is overlapped by "k-windows-action k-header" div in Chrome browser.
I've attached an image.

Regards.
Oscar.
Oscar
Top achievements
Rank 1
 answered on 04 May 2012
7 answers
368 views
In the grid editing demo (http://demos.kendoui.com/web/grid/editing.html), on changing the value of a cell, a dirty marker is displayed. If you switch to a different page and then back, the marker is not displayed.

This feels like a bug as on using the 'Save changes' button, the dirty changes are pushed to the server - my take is that the grid is aware of the changed cells and should be able to render the dirty marker.
Nikolay Rusev
Telerik team
 answered on 04 May 2012
2 answers
169 views
Hi,
How I can save e reload the treeview when i do a postback ??
Thanks
Vitantonio
Top achievements
Rank 1
 answered on 04 May 2012
5 answers
543 views

Hi, I've read:

Combined Scripts

The following combined scripts are made available in order to simplify development and deployment.

  • kendo.all.min.js contains a minified version of all scripts (Web, DataViz and Mobile).
    That file is available only in the Kendo Complete package.

  • kendo.web.min.js contains a minified version of all scripts from Kendo UI Web.
  • kendo.dataviz.min.js contains a minified version of all scripts from Kendo UI DataViz. 
  • kendo.mobile.min.js contains a minified version of all scripts from Kendo UI Mobile. 

Important: Only one of the above scripts can be included at a time.


This mean, I can't use DataViz with a Mobile app?


I'm using
    <script src="js/kendo.mobile.min.js"></script>


But with i add 
    <script src="js/kendo.dataviz.min.js"></script>

to my page, the page can't load ok.


plase advise

Petyo
Telerik team
 answered on 04 May 2012
1 answer
511 views
Hi,

I am using below code for the grid. I am getting below two issue

1) When grouping the columns, the group headers are expanded by default. I want to make them collapsed as soon as I do grouping on any column. Could someone help on this.
2) Also how can I find out the groupable column name, as I need to pass that column name to a different function for chart population.

Please help.

Here is code
---------------

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <script src="Scripts/jquery.min.js" type="text/javascript"></script>
              <script src="Scripts/kendo.web.min.js" type="text/javascript"></script>
                <link href="styles/kendo.common.min.css" rel="stylesheet" type="text/css" />
      <link href="styles/kendo.default.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
   
        <div id="example" class="k-content">
            <div id="grid"> </div>
            <script>
                $(document).ready(function () {
                    $("#grid").kendoGrid({
                        dataSource: {
                            type: "odata",
                            serverPaging: false,
                            serverSorting: false,
                            pageSize: 1000,
                            transport: {
                                read: "http://demos.kendoui.com/service/Northwind.svc/Orders"
                            },
                            group: {
                                field: "ShipCity", aggregates: [
                                        { field: "OrderID", aggregate: "count" },
                                        { field: "CustomerID", aggregate: "count" },
                                        { field: "ShipName", aggregate: "count" },
                                        { field: "ShipCity", aggregate: "count" }
                                     ]
                            },

                            aggregate: [{ field: "OrderID", aggregate: "count" },
                                         { field: "CustomerID", aggregate: "count" },
                                         { field: "ShipName", aggregate: "count" },
                            ]
                        },
                        height: 280,
                        scrollable: {
                            virtual: false
                        },
                        sortable: true,
                        groupable: true,
                        columns: [
                           { field: "OrderID", aggregates: "count", groupHeaderTemplate: "OrderID: #= value # (Count: #= count#)" },
                            { field: "CustomerID", aggregates: "count", groupHeaderTemplate: "CustomerID: #= value # (Count: #= count#)", footerTemplate: "Total Count: #=count#" },
                            { field: "ShipName", title: "Ship Name", aggregates: "count", groupHeaderTemplate: "ShipName: #= value # (Count: #= count#)" },
                            { field: "ShipCity", title: "Ship City", aggregates: "count", groupHeaderTemplate: "ShipCity: #= value # (Count: #= count#)" }
                        ],
                        databound: function () {
                            $("#grid").find(".k-icon.k-collapse").trigger("click");
                        }
                    });
                   
                });

            </script>
        </div>

</body>
</html>

 

Nikolay Rusev
Telerik team
 answered on 04 May 2012
1 answer
113 views
I have created several drop downs and grids in a page, but notice that there is a significant difference between IE and Chrome.   Namely, the filters do not show in IE, adn the drop downs don't look rounded like they do in Chrome.

When I look at the demos that you have on your site, it looks more like what I would expect.   It seems as if it is only with my grids.

Am I doing something wrong?

Dimo
Telerik team
 answered on 04 May 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
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?