Telerik Forums
Kendo UI for jQuery Forum
3 answers
211 views
Hi.

I am trying to explore this demo:
http://demos.kendoui.com/web/treeview/index.html

And it just does not work correctly in either of ipad (safari) or android tablet (chrome and stock browsers).

I have read this: 
http://www.kendoui.com/forums/ui/treeview/treeview-from-q3-2012-release-does-not-expand-collapse-on-ipad.aspx

But is it really related? It only says about expanding, but I also cannot select (click) node for example.
after 10-15 touches at different places around node it is sometime selected, but not always.

if this is same problem as the one above (http://www.kendoui.com/forums/ui/treeview/treeview-from-q3-2012-release-does-not-expand-collapse-on-ipad.aspx) them I am sorry, I just wanted to be sure if it gets fixed.
Juergen
Top achievements
Rank 1
 answered on 08 Jan 2013
2 answers
378 views
We use the Application.showLoading() method to show the loading animation whenever we make any AJAX calls, or refresh any DataSources in our mobile web app. However, the page below the loading animation remains active while the animation is displayed. This can lead to very weird behaviour if the user touches anything there.

How can I make the loading animation be modal?

What I have tried is the following:
<div id="glass" class="glass" style="display: none;"></div>
with the following in our CSS:
.glass {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0.3;
    background: #fff;
}
and finally, the following utility function:
function showLoading() {
  $("#glass").show();
  app.showLoading();
}
This works very well on:
- Safari on iOS
- Chrome on Android 4.2

However, it displays an ugly white rectangle on:
- Android Browser on Android 4.2 (see attached screen shot)

I would happily throw away all of this code if there is a Kendo provided method to achieve what I want. If Kendo really does not provide this functionality, then any help in what I am doing wrong with my code would be greatly appreciated.

Thanks in advance,
David Sykes
David
Top achievements
Rank 1
 answered on 07 Jan 2013
0 answers
106 views
I'm trying to integrate with an existing component feeding Json data in cross site environment. The grid works in Chrome, but fails to populate in IE. Using version 9 of Internet Explorer. I provided several examples below to demonstrate which code works and which doesn't.

I also attached the code with supporting files.

Please help.



<script>
// Code downloaded from http://demos.kendoui.com/web/grid/index.html
var alerts = 
{
"startIndex":0,
"count":25,
"entry": [
{"AlertId": 111},
{"AlertId": 222},
{"AlertId": 333},
{"AlertId": 444},
{"AlertId": 555},
{"AlertId": 666},
{"AlertId": 777}
]
};

$(document).ready(function() {
// Example 1. Works. Taken from http://docs.kendoui.com/howto/bind-the-grid-to-remote-data.
var ds1 = new kendo.data.DataSource({
transport: {
read: {
url: "https://api.instagram.com/v1/media/popular?client_id=4e0171f9fcfc4015bb6300ed91fbf719&count=2",
dataType: "jsonp"
}
},
pageSize: 5,
schema: {
 data: "data"
}
});

// Example 2. Fails in IE and Chrome with jsonp. No headers, no data.
// Works in Chrome and fails in IE with json.
var ds2 = new kendo.data.DataSource({
transport: {
read: {
url: "http://10.60.71.140/CoreRESTServices/Core.svc/alerts?fields=AlertId",
dataType: "jsonp"
}
},
pageSize: 5,
schema: {
 data: "entry"
}
});

// Example 3. Fails in IE, and works in Chrome. IE headers, but no data.
var ds3 = new kendo.data.DataSource({
type: "jsonp",
transport: {
read: {
url: "http://10.60.71.140/CoreRESTServices/Core.svc/alerts?fields=AlertId"
}
},
pageSize: 5,
schema: {
data: "entry"
}
});

// Example 4. Works.
var ds4 = new kendo.data.DataSource({
data: alerts,
pageSize: 5,
schema: {
 data: "entry"
}
});


// Initialize the grid.
$("#grid").kendoGrid({
dataSource: ds4
});
});
</script>
Alex
Top achievements
Rank 1
 asked on 07 Jan 2013
1 answer
237 views
Hi,

Is it possible to add custom lines and arrows with some label / description in standard dataviz charts?  I have added a sample to explain the same.

Regards,
Suresh
Iliana Dyankova
Telerik team
 answered on 07 Jan 2013
3 answers
191 views
As per the title - does something in Kendo/Kendo mobile change the meta viewport tag? I'm asking because on the device using PhoneGap / Cordova it is broken for retina resolutions - everything looks zoomed in. i have tried adding the EnableViewportScale to the plist - and setting the viewport tag as per StackOverflow ( http://stackoverflow.com/questions/7612330/phonegap-and-retina-display ) but it doesn't seem to work with Kendo Mobile - but looks fine in Chrome with a fake userAgent :)
S
Top achievements
Rank 1
 answered on 07 Jan 2013
1 answer
221 views
I have a run into an issue that is causing problems for us on our project. Instead of going into a lengthy description, here is a jsFiddle that demonstrates the issue: http://jsfiddle.net/pRMfN/1/

What I'd expect to happen when you click the button is that both divs are refreshed to output true, but instead only the div that is bound to the viewModel directly is refreshed, while the div that is bound to the child observable object is not.

Am I doing something wrong? Is this behavior by design? I realize that this is a contrived example and I could use spans with text bindings instead of templates to accomplish the same thing here, but on our real-world project this is an issue because we must use templates on a particular page (for various reasons) and we'd like to bind to a child object to reduce the number of times a template is re-rendered to improve performance (there are other child objects that are updated independently of the one in question), but when we do, the template is only called once, and not refreshed each time a value inside it changes.

Thanks for any assistance,
Jonathan
Alexander Valchev
Telerik team
 answered on 07 Jan 2013
3 answers
803 views

I was able to set my Pageable options with no problem but have few questions below and was hoping someone could help.

  • Can yo change the order of the pageable controls.......For example I would like the Refresh button to be first followed by the |< < then display the page size drop down box, then show "Page input box of Total > >|.............?
  • Can I show the refresh button at the top and bottom of the Grid?
  • Can I change the width of the Input box?

Thanks

Alexander Valchev
Telerik team
 answered on 07 Jan 2013
3 answers
295 views
We are using KendoUI to build some of our widgets, along with using ASP and Razor. We are getting some of these widgets delivered through a click, which fills in a div (using AJAX) with the appropriate HTML. The problem, is that the KendoUI is already loaded, and so the HTML delivered via AJAX is not styled, nor made into widgets from KendoUI. 

Is there a way to "reload" the KenoUI JavaScript with each AJAX request?
sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
 answered on 07 Jan 2013
1 answer
112 views
Hello,

The texts 'Insert image', 'Web address', 'Alternate Text', 'Search', 'Insert' and 'Close' being displayed on the Insert Image Dialog are not localized.

How can i achieve this?

Kind regards
Nihat

P.S. similiar as in http://www.telerik.com/community/forums/aspnet-mvc/editor/insert-image-dialog-text-is-not-localized.aspx#2437306
Alex Gyoshev
Telerik team
 answered on 07 Jan 2013
4 answers
428 views


Hi,
     Is there any mouseleave event for  chart series like 'SeriesHover'?
     Actually our requirement is to show a popup when mouse hover the series. if mouse leave from the 
     series, we need to hide the popup. I tried it with the available chart and there have an inbuilt serieshover event.
     But there is no seriesleave like event.
Brian Swiger
Top achievements
Rank 1
 answered on 07 Jan 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
Drag and Drop
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
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?