Telerik Forums
Kendo UI for jQuery Forum
1 answer
157 views
Hi,

Like the Kendo (HTML/Javascript) charts have seriesClick event, does Kendo Gauges (both Radial and Linear) have any click events?

I want to have a drilldown option for gauges. See my codes below and help me please.


******************************
* My Linear Gauge code *
******************************

            $('.k-gauge').kendoLinearGauge({
                    pointer: { value: dataValue },
                    scale: { min: minValue, max: maxValue,  rangeSize: 15, vertical: true
                            labels: { color: 'white', template: _myFormat },
                            majorTicks: { color: 'white' },
                            minorTicks: { color: 'grey'},
                            ranges: _myRanges()
                    },
                    gaugeArea: { background : '#1E1E1E' }
            });

******************************
* My Radial Gauge code *
******************************

            $('.k-gauge').kendoRadialGauge({
                    pointer: { value: dataValue },
                    scale: { startAngle: angles.start, endAngle: angles.end,
                        min: minValue, max: maxValue, rangeSize: 15,
                        labels: { color: 'white', template: _myFormat },
                        majorTicks: { color: 'white' },
                        minorTicks: { color: 'grey'},
                        ranges: _myRanges()
                   },
                   gaugeArea: { background : '#1E1E1E' }
                });


Dimiter Madjarov
Telerik team
 answered on 12 Nov 2014
3 answers
361 views
Hi,

I have a huge problem with text box control on IE11 (in Chrome it works fine). From time to time all text box controls get disabled. It is very difficult to reproduce.

My application consists of 2 pages: home and details.

On the home page I have few dropdowns, few textboxes, grid control and tab strip. I select one of the items in grid control, and go to the details page. On details page I have editor control (and few more, but this one is relevant). What I noticed is that when I leave the focus in the editor control, press button to go to the home page, select item in the grid (which causes "loading" overlay to show and hide), then all text boxes are disabled. When I click on them, they don't receive the focus. Even when I put simple <input type="text" /> somewhere else in the page, it also gets blocked. When I navigate to details page, all textbox controls are blocked as well.

And this is the part when it become interesting. When I place the focus in the editor control in the details page, then the text boxes become enabled. And it doesn't have to be the same editor control than before. I have 2nd editor control on the details page and it works that way for both.

I tried profiling memory in IE, but nothing looks suspicious. 

Could you give me any hints? I know it is difficult to help when you don't actually see the code, but can you advice me when can I get more debug information which would help here?  

I'm using Kendo UI 2014.2.903 on Angular.js (v 1.2.26).

Any help will be appreciated.
Dimo
Telerik team
 answered on 12 Nov 2014
1 answer
213 views
While browsing through the grid API documentation http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#methods-saveAsExcel , I ran across the saveAsExcel function which seems to suggest that the grid natively supports excel.  My other research and the following forum thread, http://www.telerik.com/support/code-library/export-grid-to-excel-27e793e949a2, seem to suggest that there is no built in excel export and it needs to be implemented manually.  Which of the two is correctm and does the saveAsExcel method actually exist, as it seems to be undefined in the grid object despite being present in the API documentation.  

I am guessing it behaves the same way, but I am also curious about the saveAsPDF method also present in the API documentation.

Thanks a lot.
Alexander Popov
Telerik team
 answered on 12 Nov 2014
2 answers
1.3K+ views
Where is the best place for documentation?  I am trying to add multiple rules to my validator but I have something that is causing it to default to the first rule.  Can you help with this?

01.<script>
02.    var myValidator = $('#keying_form').kendoValidator({
03.        rules: {
04.            custom: function (element) {
05.                var attr = $(element).attr('checkDates');
06.                if (typeof attr !== typeof undefined && attr !== false) {
07.                    console.log('validating a date--> ');
08.                    console.log(element);
09. 
10.                    var value = $(element).val();
11. 
12.                    if (value == null || value.length === 0) {
13.                        console.log('date is empty.');
14.                        return true;
15.                    }
16. 
17.                    var date = kendo.parseDate(value);
18.                    if (!date) {
19.                        console.log('date is invalid!');
20.                        return false;
21.                    }
22. 
23.                    console.log('date is valid.');
24. 
25.                }
26. 
27.                return true;
28.            },
29.            custom2: function (element) {
30.                var attr = $(element).attr('checkTime');
31.                if (typeof attr !== typeof undefined && attr !== false) {
32.                    console.log('validating a time--> ');
33.                    console.log(element);
34. 
35.                    var value = $(element).val();
36. 
37.                    if (value == null || value.length === 0) {
38.                        console.log('time is empty.');
39.                        return true;
40.                    }
41. 
42.                    var date = kendo.parseDate(value);
43.                    if (!date) {
44.                        console.log('time is invalid!');
45.                        return false;
46.                    }
47. 
48.                    console.log('time is valid.');
49. 
50.                }
51. 
52.                return true;
53.            },
54. 
55.        },
56.        messages: {
57.            custom: function (element) {
58.                return $(element).val() + ' is not a valid date.';
59.            },
60.            custom2: function (element) {
61.                return $(element).val() + ' is not a valid time.';
62.            }
63. 
64.        },
65.    });
66. 
67.</script>
Alexander Valchev
Telerik team
 answered on 12 Nov 2014
3 answers
67 views
If you group by resources and add resource item to data source, you have to set date in scheduler to display resource item added (scheduler.date(scheduler.date());).

Demo: http://dojo.telerik.com/eSodi
Alexander Popov
Telerik team
 answered on 12 Nov 2014
1 answer
206 views
Hi, 

Is it possible to stop opening dropdown when the multiselect box clicked?

We plan to bind multiselect control to a webservice and only want to open the dropdown when user enters 2 characters at least.

Regards

Serkan
Georgi Krustev
Telerik team
 answered on 12 Nov 2014
5 answers
276 views
I have a window that I'd like to toggle open and closed from a controller but since kendo creates it's windows outside of the body tag I cannot reference it using $scope.myWindow. What is the best way to access this window from a controller?
Alex Gyoshev
Telerik team
 answered on 12 Nov 2014
1 answer
87 views
I need a PanelBar's height after the user has expanded it. The problem is that I can't use the height during the expand event because the animation hasn't started or finished.

Is there a way I can have a callback when the animation is finished? Something like an "expanded" event? Is using setTimeout my only option?

Thanks!
Petyo
Telerik team
 answered on 12 Nov 2014
1 answer
331 views
Hey guys,

our customer wants to have his grid group footers (which
contains some aggregates) always visible. To better explain what he wants look
at the following screenshots:

[uncollapsed.png]
This screenshot shows the aggregation sample.

[collapsed.png]
And this is what our customer wants. The section „Units in
Stock: 0 (Count: 5)“ is collapsed, but the group footer row is still visible.

Any ideas how we can fit our customers needs?

Thanks in advance!

Christian
Rosen
Telerik team
 answered on 12 Nov 2014
4 answers
642 views
I'm evaluating Kendo grid. For large tables, I need virtual scrolling.  (I'm aware of the "pageable" feature but that is not acceptable for my UI requirements, I can only use a scrollbar).

But virtual scrolling only seems to work if the data is static?  If I scroll in the grid and then refresh the data, the scroll position "jumps" several rows down and then if I attempt to scroll, the scrolling goes completely awry -- the wrong rows are displayed, old data values are displayed, and the scrollbar knob sometimes disappears. 

Am I doing something wrong?  Virtual scrolling is not useful if it doesn't allow me to refresh the data. 

Here is a fiddle:  http://jsfiddle.net/4hmgxL02/

Scroll down to about row 1000, then click "update rows".  This will change the row values. Notice that the row position jumps, even though the update does not change the row count. Then try to scroll and it jumps to the wrong row and displays old data values, from before the update.  It all works fine if I set scrollable:true rather than {virtual:true}, but of course that hurts performance with large tables and is not acceptable.
Dimo
Telerik team
 answered on 12 Nov 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
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
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Chester
Top achievements
Rank 1
Iron
Simon
Top achievements
Rank 1
Iron
Douglas
Top achievements
Rank 2
Iron
Iron
SUNIL
Top achievements
Rank 3
Iron
Iron
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?