Telerik Forums
Kendo UI for jQuery Forum
1 answer
127 views
Alex
Telerik team
 answered on 08 Jul 2013
7 answers
447 views
On change template in code, the repainting of the grid doesn't seem to expand and produce scrollbars to match the new height of the update grid display.

Here's an example. To reproduce the issue, click on the 'Change Template' button:
http://jsfiddle.net/65kWY/20/

PS. Setting scrollable to true (non-virtual) works just fine.

Vladimir Iliev
Telerik team
 answered on 08 Jul 2013
2 answers
88 views
Hello Community,

First of all I will like to thank Telerik for such a great product, it has been a very good experience developing my first Phonegap in conjunction with Keno UI Mobile, nice work ;)

Secondly, I have found a Bug with the state of buttons, to be more precise the class km-state-active gets stucked when a button is pressed, in navbar or content, so the user once have used a button from that view (back-button, actionsheet navbar button, button within content to open a link... and so on), will always get the button as pressed or with the  class km-state-active attached to it, resulting in a confusing and not so great user experience, and it also makes the App "less native" in a sense.

I have found a temporal solution, and will like to get a confirmation (if possible) from the telerik developing team, after trying to track a bit the matter from kendo.mobile.js, I have found that for some reason some of the new events (comparing events from build 2013.1.319) don't seem to work correctly, I will try to explain myself.

I have used an online javascript beautifier (don't know if links from other sites can be included here) and in line 6725 (this is based in the beautifier I have used, it may differ from your numeration) the function attached to the end it's not even triggering:
end: function (e) {
    t(r, e, !1)
}
What this causes is that the buttons can't listen to the end event and the class km-state-active keeps attached to the element causing this behaviour. 

My solution is to always attach this to the functions which are correctly called by the events, which are press and tap (I've done it in both just in case), which call the functions _activate and _release respectively, code from line 6719-6724 (I insist these are the lines I obtain after uncompressing Javascript with the online tool):
press: function (e) {
    r._activate(e)
},
tap: function (e) {
    r._release(e)
},
So I included at the end of the called functions what the end event was supposed to be doing, resulting in these modified versions, lines 6747-6765:
_activate: function (e) {
     var n = document.activeElement,
         i = n ? n.nodeName : "";
     t(this, e, !0), ("INPUT" == i || "TEXTAREA" == i) && n.blur()
     /*INSERT*/
     ;t(r, e, !1);
     /*INSERT*/
 
 },
 _release: function (t) {
     var n = this;
     t.which > 1 || n.trigger(c, {
         target: e(t.target),
         button: n.element
     }) && t.preventDefault()
     /*INSERT*/
     ;t(r, e, !1);
     /*INSERT*/
 },

After that I minify once more the whole javascript (including the Copyright licence on top once more obviously) and ready to go.

I don't know if this is the best approach but it did the trick for me, and it could also shed some light in tracking down this Bug from the last production version of Kendo UI Mobile (if it stills there of course...).

As I said before, thanks for the great product!
Cho-Lung
Top achievements
Rank 1
 answered on 08 Jul 2013
3 answers
162 views
I'm trying to build a grid that displays a set of users, in this example 5 users, and a pie chart that displays those 5 users' licenses and a block of 5 unused licenses for a total of 10 licenses. This jsbin demonstrates the grid and chart. Click the delete button. Notice the grid removes and row but the chart does not reflect the change.

My question is why doesn't the chartDataSource get refreshed when the gridDataSource's data changes?

I found this post and it does provide a workaround but I don't see why the chartDataSource function doesn't get called when model.get('gridDataSource') is used inside of it and clearly the gridDataSource changes.

Here is a jsbin that demonstrates the workaround.

Thanks,
Jon
Alexander Valchev
Telerik team
 answered on 08 Jul 2013
4 answers
331 views
Hi, I'm new to KendoUI, something i not understand is what is the different between

var slider = $('#slider').kendoSlider().data('kendoSlider');

and 

var slider = $('#slider').kendoSlider();

?

what is the .data() method for?

thanks.
CH
Top achievements
Rank 1
 answered on 08 Jul 2013
17 answers
586 views
I'm wanting to changed the default behavior of when you hit enter and it double space to be single spacing when you hit Shift + Enter, but I cannot find out where Shift + Enter is being performed in the source. Also under JavaScript Dependencies there is no list of the required JavaScript files for the editor. Thanks
Alex Gyoshev
Telerik team
 answered on 08 Jul 2013
0 answers
110 views
<label>IP Setting
    <input id="ip1" type="number" value="192" min="1" max="999"/>
    <input id="ip2" type="number" value="168" min="1" max="999"/>
    <input id="ip3" type="number" value="0" min="1" max="999"/>
    <input id="ip4" type="number" value="0" min="1" max="999"/>
</label>
the code is used for set IP address,  when touch any one of  these input forms ,the focus can only be set on the first one ,
 then the ipad virtual keyboard show up ,  how to adjust this to set focus on the touch one ?
ai
Top achievements
Rank 1
 asked on 08 Jul 2013
12 answers
444 views
I have a template like this:
<script type= "text/x-kendo-template" id="favoritesTemplate">
	# for (var i = 0; i < data.length; i++) { #
		<li>
            <a onClick=showSwimmer('${data[i].SwimmerID}')>${data[i].Firstname + ' ' + data[i].Lastname}</a>
            <a data-role="detailbutton" data-icon="refresh"></a>
        </li>
	# } #
</script>

It seems the widget in the template (in this case a detailbutton) is not really interpreted - and it never shows up in the final markup.

Is there any way to achieve this?

Thanks.
Brandon Peterson
Top achievements
Rank 2
 answered on 05 Jul 2013
0 answers
25 views
Hi,
I created a new mvc 4 web application project. I then compiled and ran the project.
Then I went to the logon page and clicked on the username textbox. All is well.
I then stopped the project, went to the telerik menu and chose convert to kendo.
I then ran the project again and went to the login page and clicked on the username textbox.
This time:
Unhandled exception at line 1234, column 5 in  /Scripts/jquery.validate.js0x800a138f
Microsoft JScript runtime error:
Unable to get value of the property 'call': object is null or undefined


Very easy to reproduce, very hard to understand what's going on.
Please help ... Ed
Randy Hompesch
Top achievements
Rank 1
 asked on 05 Jul 2013
1 answer
243 views
We're developping a combined control where we use 3 chart donut controls. The main central one has to have the lowest z-index, 2 others are partiallyover the main one. (see picture in attachment) But it turns out that the tooltip (bottom) of the main one is also always behind the 2 other donuts. I've tried increasing the z-index of the tooltip in CSS. But this did not give a solution. (even though the webconsole showed a higher z-index for the tooltip) The only way i can get the tooltip on top is by increasing the z-index of the entire donut. But this is not allowed by the graphical design of the component.
How can i solve this problem? Any suggestions?
Iliana Dyankova
Telerik team
 answered on 05 Jul 2013
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?