Telerik Forums
Kendo UI for jQuery Forum
4 answers
112 views
This error is reproducable on the drawer on
http://demos.telerik.com/kendo-ui/mobile/drawer/index.html

When you open the drawer partially a couple of times by dragging the inbox view manually (mouse down somehwhere in the inbox view, then drag some pixels to the right and mouse up before the drawer is fully opened), the drawer listview will disappear.
100%
Top achievements
Rank 1
 answered on 03 Feb 2014
3 answers
98 views
Hi.  I'm running into a problem where I have a logoff button in the navbar.  This navbar is visible across all pages.  When I navigate to my listview to get a list of orders, the logoff button works fine.  When I drill down to get the details of one item of the list, i am taken to another remote view.  This also works fine.  However, if I got BACK to the previous screen using back in the navbar, I am navigated back BUT the logoff button click is not working.  I think I've narrowed it down to this:

http://docs.telerik.com/kendo-ui/getting-started/mobile/application#remote-views

Specifically, the documentation states the following:

"The remote view request will also append (but not initialize) any additional views found in the AJAX
response. Inline style elements, inline script elements, and mobile layout definitions will also be evaluated and appended to the
application. The elements must be available in the root of the response, or nested inside the body element.Scripts and styles from the head element (if present) will not be evaluated.If the remote view needs an additional scripting (widget initialization/binding) logic, it may be defined in the view init event handler, in the AJAX response."


Is this why I am having difficulty? 

My main layout in my index.html looks like this:

    <div data-role="layout" data-id="mt-main-layout">
        <header data-role="header"><br/>
            <div data-role="navbar" id="mt-main-layout-navbar">
                <a data-align="left" data-role="backbutton">Back</a>
                <span data-role="view-title">Test Product</span>
                <a data-align="right" style="display: none" class="mt-main-layout-btn-logoff"
                    data-click="testProduct.loginCompany.viewModel.logOff" data-role="button">Log Off</a>
            </div>
        </header>
    </div>

If this is the issue, is there a workaround to reinitialize the button's data-click event?

Thanks in advance for any insights!

-Brian

Steve
Telerik team
 answered on 03 Feb 2014
1 answer
359 views
I need to be able to close the DropDownList on every page when the user scrolls the page.  Some of my DropDownLists are input controls, some are divs, etc.  Here is my solution; is there a better solution?

(MainContent is the scrolling div that surrounds all the content)

$(function() {
       $('#main-content').on('scroll', function(e) {
           $("*").each(function() {
               var ddl = $(this).data("kendoDropDownList");
               if (ddl) {
                   ddl.close();
               }
           });
});
Kiril Nikolov
Telerik team
 answered on 03 Feb 2014
2 answers
75 views
Any idea why a page that includes the scheduler never loads on an iOS device when it has no problems on a desktop. You can see what I mean here: http://team3310.com/resources/schedule/

Thanks!
Kenny Gutierrez
Top achievements
Rank 1
 answered on 03 Feb 2014
1 answer
116 views
I've isolated a kendo binding crash down to very simple repro steps using the following jsfiddle - http://jsfiddle.net/LNUGj/5/

To reproduce the crash, use IE 10 or IE 11, and do the following:

1. Enter something (one or more characters) into each of the five text boxes.
2. Press the button under the text boxes, which causes a second bind (see the code).
3. Type something (one character) into the first text box.
4. Notice the IE CRASH.

I'm hoping to escalate this IE crash with basic kendo binding, but Kendo support doesn't seem to have a way of escalating issues based on their severity.

I assume this must be affecting many/all users that use binding with unbind against the same DOM (which seems to be the purpose of unbind).

Can anyone monitoring the forums escalate a support ticket?
Daniel
Telerik team
 answered on 03 Feb 2014
0 answers
153 views
Hi I an downloaded new js file from "kendoui.complete.2013.3.1324.trial" in this i found one issue regarding kendo mobile scheduler if i am using kendo.mobile.min.js from this download. if we try to scroll then the page is disapearing else we didnt use new released kendo.mobile.min.js file then schedular control now working its functionality. when using schedular control with drawer control also not working fine some times drawer control page not showing login page showing for clarification i am attaching the screens also. thank you for providing inbuilt functionaly your service is very nice. screen1 and screen2 is my estimate result. with new kendo.mobile.min.js i am getting this result fine but am getting two issues 1) in screen4 you can see the textbox and label when scroll or touch the mobile then see screen5 there is no controls. 2) screen6 drawer control with head and wrong data showing login page. not getting my estimated data. if i use old version then drawer control not working you can see this in screen3.
Suma
Top achievements
Rank 1
 asked on 03 Feb 2014
1 answer
118 views
I have a few divs with a different size in zoomable view, lets say that my viewport size is 10k x 10k and my div's size is 100x100, and left position is 600, top position is 1000. I can using animatedScrollTo() function to scroll to the top, left position in my viewport to see my div box, but i need to zoom it programmatically to make the div's size fit in my browser size. Any idea?

This is my example to programatically scrolling to div position,  but i really need to zoom it to make div's size fit in my browser size. Thank you.

01.<!DOCTYPE html>
02.<html>
03.    <head>
04.        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
05.        <style>
06.            #container {
07.                width: 10000px;
08.                height: 10000px;
09.                position: relative;
10.            }
11.             
12.            #myBox {
13.                position: absolute;
14.                top: 600px;
15.                left: 1000px;
16.                height: 100px;
17.                width: 100px;
18.                padding: 10px;
19.                background: red;
20.            }
21.        </style>
22.    </head>
23.    <body>
24.        <div data-role="view" id="myViewport" data-zoom="true" data-init="initHome">
25.            <div id="container">
26.                <div id="myBox">Foo</div>
27.            </div>
28.        </div>
29. 
30.        <script>
31.            function initHome(e)
32.            {
33.                var scroller = e.view.scroller;
34.                var bTop = $("#myBox").position().top;
35.                var bLeft = $("#myBox").position().left;
36.                scroller.animatedScrollTo(-(bLeft), -(bTop));
37.            }
38. 
39.            new kendo.mobile.Application();
40.        </script>
41.    </body>
42.</html>
Kiril Nikolov
Telerik team
 answered on 03 Feb 2014
4 answers
236 views
I was trying to define some reusable code but then ran into problems because methods/properties in the MVVM observable object weren't there. 

Take this code for example: 
var editableModel = function ()
{
    this.isEditing = false;
};
editableModel.prototype.toggleEditMode = function (e)
{
    this.set("isEditing", !this.isEditing);
    e.stopPropagation();
};
 
var individualClient = function ()
{
    this.clientCode = "";
    this.initials = "";
    this.title = "";
    this.dateOfBirth = "";
    this.language = "";
};
individualClient.prototype = new editableModel();

Now if I were to try and use this as an observable object in the following way: 
var viewModel = new individualClient();
viewModel.clientCode = "ABS";
viewModel.initials = "JA";
... //set the rest of the properties
 
kendo.bind($(".binding-container"),viewModel);

and if I had some HTML that made use of the isEditing, or toggleEditMode property/method: 
<a href="#" onclick="viewModel.toggleEditMode()">Edit</a>
<!--NOTE: This hyperlink is not located inside the binding-container which is why I'm calling it as I am, using the onclick event and the qualified object name -->

<span data-bind="text: clientCode, invisible: isEditing">@Model.ClientCode</span>

it wouldn't work, or rather isn't working. 

Is this because kendo is replacing my Object's prototype with it's own ObservableObject? 

Regards,
Jacques






Jacques
Top achievements
Rank 2
 answered on 03 Feb 2014
1 answer
188 views
When the user clicks an area on a map, I want to record the lat/long and create a marker where the click occurred.
I use the 'click' event to achieve this. This works fine, except that when the user pans the map (holds the mouse button and moves the map), I don't want to record the lat/long and create a marker. I basically want to ignore panning.

Inside the click event, is there a way to differentiate between a regular click and a click that occurs as part of the panning? I also tried attaching to the 'panEnd' event, but haven't found anything to achieve what I want, such as some sort of offset value indicating if the map moved.

I'm using Kendo UI Complete v2013.3.1119 with IE10.
Alexander Popov
Telerik team
 answered on 03 Feb 2014
1 answer
63 views
Hi,

I have a problem with the ComboBox in a Grid Editor Template. The options in the ComboBox are filled by cascading from a DropDownList in the Editor Template which works great. However, if I Update one of the rows I've already added, and choose an option in the DropDownList that results in zero options for the ComboBox and click Update from the pop up without typing anything, the Update event of the Grid posts the old selected value. How can I ensure that the Update event will post the new empty value from the ComboBox? 










Alexander Popov
Telerik team
 answered on 03 Feb 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
MultiColumnComboBox
Dialog
Chat
DateRangePicker
Checkbox
Timeline
Drawer
DateInput
ProgressBar
MediaPlayer
ImageEditor
TextBox
OrgChart
Effects
Accessibility
PivotGridV2
ScrollView
BulletChart
Licensing
QRCode
ResponsivePanel
Switch
TextArea
Wizard
CheckBoxGroup
Localization
Barcode
Breadcrumb
Collapsible
MultiViewCalendar
Touch
RadioButton
Stepper
Card
ExpansionPanel
Rating
RadioGroup
Badge
Captcha
Heatmap
AppBar
Loader
Security
TaskBoard
Popover
DockManager
FloatingActionButton
CircularGauge
ColorGradient
ColorPalette
DropDownButton
TimeDurationPicker
ToggleButton
TimePicker
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
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
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?