Telerik Forums
Kendo UI for jQuery Forum
3 answers
367 views
Kendo UI version: 2013.3.1324
OS's:
- Windows 8.1 Pro
- Windows Server 2008 R2 Datacenter SP1
- Android 4.42 (Nexus 7 Build)
Browser versions:
- Internet Explorer 11.0.9600.16518 in emulation mode with user agent string Apple Safari (iPad)
- Google Chrome 33.0.1750.154m in emulation mode with devices "Apple iPad 3 / 4" and "Samsung Galaxy Tab 7.7, 8.9, 10.1"
- Google Chrome 33.0.1750.166 on Android 4.42 (Nexus 7 Build)
jQuery version: 2.1.0

On success of a jQuery post, we are setting the HTML contents of a Kendo UI Mobile View DIV with the content string below:
<form action="/Legend/Edit/89C29D66-7414-425F-89CD-3A580DFA8695" class="form-horizontal" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#AjaxReplace" id="form0" method="post" role="form">
<input data-val="true" data-val-number="The field Maximaal must be a number." data-val-required="The Maximaal field is required." id="ZoomMax" max="20" min="0" name="ZoomMax" type="range" value="20" />
<script>
jQuery(function(){jQuery("#ZoomMax").kendoSlider({"tickPlacement":"none","showButtons":true,"largeStep":5,"min":0,"max":20});});
</script>
<button class="btn btn-primary" type="submit">Submit</button>
</form>

As you can see, the ZoomMax value is 20, but the slider handle is positioned left and not draggable in the Mobile View. This is the case in IE and Chrome mobile emulation, as well on real mobile devices like the Asus/ Google Nexus 7. There are no errors in the browser console. See also the attached screenshot.

When setting an ASP.NET MVC view DIV with the same contents, the slider works normally.

Also, when setting Kendo Mobile View directly with the same contents, the slider works normally:
@(Html.Kendo().MobileView()
.Content(@<text>
<div id="legenditem-edit-container">
<form action="/Legend/Edit/89C29D66-7414-425F-89CD-3A580DFA8695" class="form-horizontal" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#AjaxReplace" id="form0" method="post" role="form">
<input data-val="true" data-val-number="The field Maximaal must be a number." data-val-required="The Maximaal field is required." id="ZoomMax" max="20" min="0" name="ZoomMax" type="range" value="20" />
<script>
jQuery(function(){jQuery("#ZoomMax").kendoSlider({"tickPlacement":"none","showButtons":true,"largeStep":5,"min":0,"max":20});});
</script>
<button class="btn btn-primary" type="submit">Submit</button>
</form>
</div>
</text>)
.Layout("MobileLayoutLegend")
.Name("LegendItemEdit")
.Title("Wijzig legenda-item")
)

How can we make a slider show the correct value and be draggable in a Mobile View which content is set using jQuery?
Ewoud
Top achievements
Rank 1
 answered on 27 Mar 2014
1 answer
186 views
Now, in importing products from Telerik Platforms there is only options : Kendoui Web, Kendoui Mobile, Kendoui Dataviz but there is no options Kendoui Complete ?

After downloading Kendoui Web, Kendoui Mobile, Kendoui Dataviz  Q1 2014  release, there is missing file "kendo.all.min.js" in Q1 2014  release.

Please help us in downloading completed version Kendoui Q1 2014 release.
Sebastian
Telerik team
 answered on 27 Mar 2014
1 answer
317 views
Hello,

We’re experiencing a problem on IE10 and 11 concerning the date picker calendar popup. The calendar popup immediately closes when the mouse moves out from the calendar button.
 
The date picker is part of a grid filter.

The kendo UI Grid is configured for Ajax Binding which generates the filter code.

The calendar popup behaves as expected when tested on IE9, Chrome and Firefox.

Calendar Popup Html Snippet
<div class="k-animation-container" style="left: 6.5px; top: 86.72px; width: 207px; height: 239px; overflow: hidden; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; display: none; position: absolute; z-index: 10002;"><br><br>        <div class="k-calendar-container<br>k-popup k-group k-reset" aria-hidden="true" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: none; position: absolute; font-stretch: normal; transform: translateY(-239px);' data-role="popup"><br><br>            <div class="k-widget k-calendar" id="7a220a39-81a2-4e85-a966-be5a672dcb3e" data-role="calendar"><br><br>                <div class="k-header"><a class="k-link k-nav-prev" role="button" aria-disabled="false" href="#"><span class="k-icon<br>k-i-arrow-w"></span></a><a class="k-link<br>k-nav-fast" role="button" aria-disabled="false" aria-live="assertive" aria-atomic="true" href="#">March 2014</a><a class="k-link k-nav-next" role="button" aria-disabled="false" href="#"><span class="k-icon<br>k-i-arrow-e"></span></a></div>

Date Picker HTML Snippet
<div class="k-column-menu k-popup<br>k-group k-reset k-state-border-up" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: block; position: absolute; font-stretch: normal; transform: translateY(0px);' data-role="popup"><br><br>        <ul tabindex="0" class="k-widget k-reset k-header<br>k-menu k-menu-vertical" role="menubar" data-role="menu"><br><br>            <li class="k-item k-columns-item<br>k-state-default k-first" role="menuitem" style="z-index: auto;"><br><br>                <span class="k-link"><span class="k-sprite<br>k-i-columns"></span>Display/Hide<span class="k-icon<br>k-i-arrow-e"></span></span><br><br>                <div class="k-animation-container" style="left: 173px; top: 0px; width: 221px; height: 200px; overflow: hidden; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-left: 0px; display: none; position: absolute; z-index: 10002;"><br><br>                    <ul class="k-group k-popup<br>k-reset" role="menu" style='line-height: normal; font-family: "Segoe UI", "Arial"; font-size: 13px; font-style: normal; font-weight: 400; display: none; position: absolute; font-stretch: normal; transform: translateX(-221px);' data-role="popup"><br><br>                        <li class="k-item k-state-default<br>k-first" role="menuitem"><span class="k-link"><input type="checkbox" data-field="BClassDescription" data-index="0">B Class</span></li><br><br>                        <li class="k-item<br>k-state-default" role="menuitem"><span class="k-link"><input type="checkbox" data-field="BLogicalName" data-index="1">Name</span></li>

Any help would be much appreciated. Thank you.
Alexander Valchev
Telerik team
 answered on 27 Mar 2014
1 answer
96 views
I just rendered a simple menu in a page both with grid, menu, charts. The menu took over 14 seconds to finish rendering. And all time was wasted on there 2 methods of kendoMenu: _initData  and _updateClasses. Is it a bug of menu?
Kamen Bundev
Telerik team
 answered on 27 Mar 2014
1 answer
110 views
I just updated to the new web library, and now my splitter size methods are not working.

var splitter = $('#splitter').data('kendoSplitter');
splitter.size(
'#wb_queueDetails', (simulatedPanels*Globals.widthMultiplier/2)+'px');


This was working just fine with the previous version
Dimo
Telerik team
 answered on 27 Mar 2014
1 answer
486 views
Using the MVC wrapper, I've created a grid where one of the columns is bound to an object defined as roleId and roleName.  Using a custom editor I've been able to make that a DropDownList as shown in this example:  http://demos.telerik.com/kendo-ui/web/grid/editing-custom.html

Now I want to utilize a similar DropDownList for the filter.  I've tried various permutations of cobbled together code I've found here and there, but with no success.  What would be the best approach for this?

Thanks,
Lee
Petur Subev
Telerik team
 answered on 27 Mar 2014
3 answers
204 views
Dear Sir

I have a observablearray from a children property of remote service, which is a purchase order. You could image it as master-child structure.

after get observablearray of order details, I bind it to a grid. It works well.

But when I try to add a dependency property to this observablearray to calcuate ( quantity * unit price.) But it couldn't work.

 I know it could be done by bind "change" event and it works well. But I wonder if it can be done by dependency property or method.

there is the sample: http://jsfiddle.net/R6KSs/2/

Thank you very much.

Jason
Alexander Valchev
Telerik team
 answered on 27 Mar 2014
1 answer
157 views
Does anyone have a working and complete sample of creating a treeview in which the nodes are action links to a controller/action/routevalue(s).

I'm using asp.net mvc and creating a treeview on the server using razor syntax.  I'd like the nodes (when clicked/selected) to call an action on a controller which would in turn refresh a grid on the screen. 
Alexander Popov
Telerik team
 answered on 27 Mar 2014
1 answer
180 views
Hola, i have an application that retrieve data from a webservice .asmx.

If i try to create a WebMethod that return an IEnumerable, my webservice return the error, that IEnumerable is not serializable, there's a way to pass the DataSourceRequest to webservice or return an IEnumerable.

This to avoid the ToList() method that make my performance lazy.

Thank you 
Petur Subev
Telerik team
 answered on 27 Mar 2014
3 answers
146 views
It looks like the new DataViz Diagram that's currently in beta has only a subset of the WPF RadDiagram control's capabilities, is this correct?  And is the ultimate goal to have the DavaViz Diagram and the RadDiagram controls to be equal in functionality and be able to share diagrams with each other?  Is this possible now?

Thanks, Ken
Sebastian
Telerik team
 answered on 27 Mar 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?