or
1 answer
852 views
Hi,
I wrote a simple timepicker widget and found what seems to be a bug with the scroll container in chrome. When you click on the clock button on the timepicker, a white box covers the majority of the window. I've reproduced the bug in this jsfiddle: http://jsfiddle.net/WX4fR/ It has a temporary css workaround commented out.
I've run into this problem on other views as well. It seems to happen inconsistently with different window dimensions and not specifically with the timepicker widget. My current chrome version is 21.0.1180.60.
Thanks,
Jordan
I wrote a simple timepicker widget and found what seems to be a bug with the scroll container in chrome. When you click on the clock button on the timepicker, a white box covers the majority of the window. I've reproduced the bug in this jsfiddle: http://jsfiddle.net/WX4fR/ It has a temporary css workaround commented out.
I've run into this problem on other views as well. It seems to happen inconsistently with different window dimensions and not specifically with the timepicker widget. My current chrome version is 21.0.1180.60.
Thanks,
Jordan
Jordan
Top achievements
Rank 1
Rank 1
answered
on
06 Aug 2012
1 answer
182 views
Hi,
I've been using the suggested method of testing the textContent property when a tab is selected to identify the new current tab.. It works fine with Chrome, FF, IE9 but the textContent property appears to be undefined with IE7/8. Example code below. is this a bug?:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.kendostatic.com/2012.2.710/js/kendo.web.min.js"></script>
<link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css" rel="stylesheet" />
</head>
<body>
<div id="example" class="k-content">
<div id="tabStrip">
<ul>
<li class="k-state-active">
Paris
</li>
<li>
New York
</li>
<li>
London
</li>
</ul>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
var tabstrip = $("#tabStrip").kendoTabStrip({
select: onSelect
});
});
function onSelect(e) {
alert(e.item.textContent);
}
</script>
</body>
</html>
Regards, Ian
I've been using the suggested method of testing the textContent property when a tab is selected to identify the new current tab.. It works fine with Chrome, FF, IE9 but the textContent property appears to be undefined with IE7/8. Example code below. is this a bug?:
<!DOCTYPE html>
<html>
<head>
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="http://cdn.kendostatic.com/2012.2.710/js/kendo.web.min.js"></script>
<link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.common.min.css" rel="stylesheet" />
<link href="http://cdn.kendostatic.com/2012.2.710/styles/kendo.default.min.css" rel="stylesheet" />
</head>
<body>
<div id="example" class="k-content">
<div id="tabStrip">
<ul>
<li class="k-state-active">
Paris
</li>
<li>
New York
</li>
<li>
London
</li>
</ul>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
var tabstrip = $("#tabStrip").kendoTabStrip({
select: onSelect
});
});
function onSelect(e) {
alert(e.item.textContent);
}
</script>
</body>
</html>
Regards, Ian
Atanas Korchev
Telerik team
answered
on
06 Aug 2012
0 answers
59 views
kendoGrid automatically removes a row from the grid once the delete button has been clicked. However, I don't want this to happen if the server throws an error.
I've half-resolved the issue by calling grid.dataSource.read() on errors so that the grid reloads the not-yet-deleted row. However, on any other command, the grid continues to try to delete this row and continues to throw the same error.
I want my grid to try to delete a row on the server and remove the row from the grid when the action is complete. If the server throws an error, I want the grid to display the error and stop trying to delete the entry. How do I do this?
I've half-resolved the issue by calling grid.dataSource.read() on errors so that the grid reloads the not-yet-deleted row. However, on any other command, the grid continues to try to delete this row and continues to throw the same error.
I want my grid to try to delete a row on the server and remove the row from the grid when the action is complete. If the server throws an error, I want the grid to display the error and stop trying to delete the entry. How do I do this?
5 answers
552 views
Could someone please show me an example of how we could load an array of dates when a user selects a month?
What I am trying to achieve is very similar to the customizing templates example, except when a user changes months I need to dynamically load the "special" days from the database via ajax and run the array against the calendar to highlight the days from the array.
This is instead of loading every single possible special day as we cannot predict what month the user will look at.
I know there is a navigate event, but unsure how to determine if the user is at the day level of the calendar and what the current month is, if we can get that info we can load the dates, but then unsure how to go through the days in the calendar and style them.
What I am trying to achieve is very similar to the customizing templates example, except when a user changes months I need to dynamically load the "special" days from the database via ajax and run the array against the calendar to highlight the days from the array.
This is instead of loading every single possible special day as we cannot predict what month the user will look at.
I know there is a navigate event, but unsure how to determine if the user is at the day level of the calendar and what the current month is, if we can get that info we can load the dates, but then unsure how to go through the days in the calendar and style them.
0 answers
118 views
Hi,
NO IDEAS????
i like to use a sqlite-database as datasource for my dataViz-project. Is there any example somewhere?
thanks a lot
best regrads
Rene
NO IDEAS????
i like to use a sqlite-database as datasource for my dataViz-project. Is there any example somewhere?
thanks a lot
best regrads
Rene
ITA
Top achievements
Rank 1
Rank 1
asked
on
06 Aug 2012
16 answers
458 views
I'm trying out Kendo UI Mobile, but the first issue I have is that the tabStrip positions itself below the fold, that is, you have to scroll up to see it (+it should not scroll at all).
This happens always, whatever method I try to use/initiate the TabStrip. The example html with Carine Callahan is even worse, because the first page is so long, you cannot get at the tabstrip at all...
This happens only in iOS, browser & android are fine...
Could anybody help me, I do like the idea, plus initial results, I would like to use this in a production PhoneGap project...
Antal
-- edit: This problem seems not to be related to the TabBar, but seems to bee a bigger problem of the header & footer sections in combination with phonegap... See thread: <a href="http://www.kendoui.com/forums/mobile/general-discussions/header-footer-problems-in-ios-with-phonegap.aspx#1972091">header-footer-problems-in-ios-with-phonegap</a>
This happens always, whatever method I try to use/initiate the TabStrip. The example html with Carine Callahan is even worse, because the first page is so long, you cannot get at the tabstrip at all...
This happens only in iOS, browser & android are fine...
Could anybody help me, I do like the idea, plus initial results, I would like to use this in a production PhoneGap project...
Antal
-- edit: This problem seems not to be related to the TabBar, but seems to bee a bigger problem of the header & footer sections in combination with phonegap... See thread: <a href="http://www.kendoui.com/forums/mobile/general-discussions/header-footer-problems-in-ios-with-phonegap.aspx#1972091">header-footer-problems-in-ios-with-phonegap</a>
Petyo
Telerik team
answered
on
06 Aug 2012
6 answers
490 views
Hello,
1. I am trying to open a PopOver from within a list view.
in this way any clicked <li> will open a PopOver, where at any given moment, a maximum of only 1 PopOver will be open and visible at any given time.
2. Assuming we've succeeded the above, the plan is to open each PopOver with it's relevant info.
For example a listView with
Remarks...
Remarks...
Remarks...
Will open a PopOver with the actual remarks for each line ( <li> ).
I am a newby at Kendo Mobile, but it looks like something trivial for someone who knows what they are doing :)
What I've tried so far
According to the docs:
"The Mobile PopOver widget can be open when any mobile navigational widget (listview link item, button, tabstrip, etc.) is tapped. To do so, add
Not 100% working. I've tried opening from within the ListView with a button (data-role="button").
The only kind of working option, is opening the PopOver from within
<div data-role="header"> or <div data-role="footer"> only.
Another thing I've tried is opening the PopOver directly using various jQuery commands. Not recommended :)
PopOver officially has a .close() command. if only it had an .open() command...
Any help is appreciated.
Many thanx
Ran
PS - I am developing on FireFox on Windows 7
1. I am trying to open a PopOver from within a list view.
in this way any clicked <li> will open a PopOver, where at any given moment, a maximum of only 1 PopOver will be open and visible at any given time.
2. Assuming we've succeeded the above, the plan is to open each PopOver with it's relevant info.
For example a listView with
Remarks...
Remarks...
Remarks...
Will open a PopOver with the actual remarks for each line ( <li> ).
I am a newby at Kendo Mobile, but it looks like something trivial for someone who knows what they are doing :)
What I've tried so far
According to the docs:
"The Mobile PopOver widget can be open when any mobile navigational widget (listview link item, button, tabstrip, etc.) is tapped. To do so, add
data-rel="popover" attribute and a href attribute equal to the PopOver id to the navigational widget DOM element (prefixed with #, like an anchor)."Not 100% working. I've tried opening from within the ListView with a button (data-role="button").
The only kind of working option, is opening the PopOver from within
<div data-role="header"> or <div data-role="footer"> only.
Another thing I've tried is opening the PopOver directly using various jQuery commands. Not recommended :)
PopOver officially has a .close() command. if only it had an .open() command...
Any help is appreciated.
Many thanx
Ran
PS - I am developing on FireFox on Windows 7
Ran
Top achievements
Rank 1
Rank 1
answered
on
06 Aug 2012
1 answer
521 views
How can I control the content of the grouped header? I don't want the column name - I just want to format the date nicely.
Thanks
Matt
Thanks
Matt
Rosen
Telerik team
answered
on
06 Aug 2012
2 answers
119 views
When I try log into console dataSource.data() (readed from remote url json data) I have an empty result (but ajax request is complete and correct), but then I try read dataSource again, the .data() is displayed, but from previous result.
There is examples in attachments (CodeIgniter controller and view. I also use employee firebird DB to read data)
// call from detailInit grid function getCustomer(e){ country = e.data.COUNTRY; customer.read(); //datasource console.log(customer.data());}There is examples in attachments (CodeIgniter controller and view. I also use employee firebird DB to read data)
Dimm
Top achievements
Rank 1
Rank 1
answered
on
06 Aug 2012
1 answer
327 views
hi,
i'm using the kendo datepicker but i want to add a custom validation rule to this.. how do i go about it? if i combine datepicker + validator, the validation is triggered on clicking the date calender button.
i'm using the kendo datepicker but i want to add a custom validation rule to this.. how do i go about it? if i combine datepicker + validator, the validation is triggered on clicking the date calender button.
Iliana Dyankova
Telerik team
answered
on
06 Aug 2012
