or
2 answers
286 views
See: http://www.kendoui.com/forums/kendo-ui-dataviz/chart/column-chart-showing-too-many-labels.aspx#csZezjCekEKfhtaq6IxepA
Currently I've got the following code in my chart:
However, the date range being used in the chart is dynamic, and sometimes the quarters will be Feb May Aug Oct. It would be a really nasty workaround to force the data into the correct quarters. A quarter is not the same as 3 months in the same way that a week is not the same as 7 days. Kendo automatically lines weeks up on Sundays. Please consider doing something similar for quarters.
Even more useful would be the option to configure which day of the week or which month in the quarter to base the week or quarter on. I might want my week to start on Saturday or Monday.
Currently I've got the following code in my chart:
categoryAxis: { baseUnit: "fit", autoBaseUnitSteps: { seconds: [], minutes: [], hours: [], days: [1], weeks: [1], months: [1,3], years: [1] }, maxDateGroups: 36, majorGridLines: { visible: false }}Even more useful would be the option to configure which day of the week or which month in the quarter to base the week or quarter on. I might want my week to start on Saturday or Monday.
4 answers
297 views
If you have a ListView bound to a DataSource with endless scrolling enabled, once you reach the end of the DataSource, you cannot get it to load additional pages of data again. This becomes an issue when you change the data in your ListView by re-querying the data source (through the "filter" and/or "query" functions on the DataSource object).
In our specific scenario we have 2 views. The first view, "View A," contains inputs. The second view, "View B," contains the ListView that is bound to a DataSource and has endless scrolling enabled. When the user enters data in the inputs on View A and clicks the submit button, we call the query() function on the DataSource passing the data from the inputs and navigate to View B. The user can then click Back, change the search parameters on View A, hit Submit again, and view the results of the new parameters on the ListView in View B.
This works great, as long as the user never scrolls to the end of the data in the DataSource. Once they do this once, they can never scroll beyond the first page of data again without restarting the app.
Is this just a limitation of the ListView and endless scrolling, or are we missing something?
Thanks,
Jonathan Marston
In our specific scenario we have 2 views. The first view, "View A," contains inputs. The second view, "View B," contains the ListView that is bound to a DataSource and has endless scrolling enabled. When the user enters data in the inputs on View A and clicks the submit button, we call the query() function on the DataSource passing the data from the inputs and navigate to View B. The user can then click Back, change the search parameters on View A, hit Submit again, and view the results of the new parameters on the ListView in View B.
This works great, as long as the user never scrolls to the end of the data in the DataSource. Once they do this once, they can never scroll beyond the first page of data again without restarting the app.
Is this just a limitation of the ListView and endless scrolling, or are we missing something?
Thanks,
Jonathan Marston
Petyo
Telerik team
answered
on
16 Oct 2013
1 answer
72 views
Hello,
I needed to create a condition in the template for View.
I attach an example: http://jsfiddle.net/AH7z7/
I know that in this case it could be addressed in a different way, but my view is more complex.
thank you
I needed to create a condition in the template for View.
I attach an example: http://jsfiddle.net/AH7z7/
I know that in this case it could be addressed in a different way, but my view is more complex.
thank you
Petyo
Telerik team
answered
on
16 Oct 2013
1 answer
74 views
Kendo Team -
We are using Kendo Donut Chart, it breaks or UI distorts in case of specific set of values, ratio is [9,3,2]. See attached screenshot.
We are using Kendo Donut Chart, it breaks or UI distorts in case of specific set of values, ratio is [9,3,2]. See attached screenshot.
Hristo Germanov
Telerik team
answered
on
16 Oct 2013
2 answers
135 views
Hi
I am passing data to a kendoUI gird and the data doesn't display.
I'm new to this and am probably making a basic mistake.
My controller code is:
public ActionResult GetDataFromStream(string streamName)
{
string temp = OpenHttpGETConnection(streamName);
string[] split = temp.Split(new Char [] {'\r'});
//var myList = new List<dynamic>();
List<DisplayData> myList = new List<DisplayData>();
foreach (string s in split)
{
if(s!=null){
string[] strTemp = new string[2];
strTemp = s.Split(new Char[] { '\t' });
myList.Add
(new DisplayData
{
key = strTamp[0]
value = strTemp[1]
});
}
}
return Json(myList);
}
My index.cshtml code is:
function functionOne(streamName) {
console.log("@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName));
$.ajax({
url: "@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName),
success: OnSuccess,
});
}
function OnSuccess(data) {
//document.getElementById('dataTable').style.visibility = "visible";
myData = data;
$('#dataTable').kendoGrid({
dataSource: { transport: { read: { url: '@Url.Action("GetDataFromStream", "Home")', type: 'POST' } } },
scrollable: true,
toolbar: 'Metrics',
});
The grid get displayed but there is no data in it.
When I try to display myData[0][0], that displays fine.
But I want to display all the rows in data.
Thanks,
Kinnary
I am passing data to a kendoUI gird and the data doesn't display.
I'm new to this and am probably making a basic mistake.
My controller code is:
public ActionResult GetDataFromStream(string streamName)
{
string temp = OpenHttpGETConnection(streamName);
string[] split = temp.Split(new Char [] {'\r'});
//var myList = new List<dynamic>();
List<DisplayData> myList = new List<DisplayData>();
foreach (string s in split)
{
if(s!=null){
string[] strTemp = new string[2];
strTemp = s.Split(new Char[] { '\t' });
myList.Add
(new DisplayData
{
key = strTamp[0]
value = strTemp[1]
});
}
}
return Json(myList);
}
My index.cshtml code is:
function functionOne(streamName) {
console.log("@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName));
$.ajax({
url: "@Url.Action("GetDataFromStream", "Index")" + "?streamName=" + encodeURIComponent(streamName),
success: OnSuccess,
});
}
function OnSuccess(data) {
//document.getElementById('dataTable').style.visibility = "visible";
myData = data;
$('#dataTable').kendoGrid({
dataSource: { transport: { read: { url: '@Url.Action("GetDataFromStream", "Home")', type: 'POST' } } },
scrollable: true,
toolbar: 'Metrics',
});
The grid get displayed but there is no data in it.
When I try to display myData[0][0], that displays fine.
But I want to display all the rows in data.
Thanks,
Kinnary
Jayesh Goyani
Top achievements
Rank 2
Rank 2
answered
on
16 Oct 2013
1 answer
264 views
I am using MVC Upload template to style my own file list and would like to add download button to the template and show it only when file successfully uploaded. Is it possible to add custom html elements to upload template and manipulate them? Could you show how to do that?
Dimiter Madjarov
Telerik team
answered
on
16 Oct 2013
3 answers
158 views
I have found that Error event is fired in our application while using Kendo Upload(MVC). Even in your demo using IE or Chrome we get Error event at the end of upload at http://demos.kendoui.com/web/upload/events.html
Dimiter Madjarov
Telerik team
answered
on
16 Oct 2013
2 answers
52 views
Hello,
I have a stacked bar chart, basically the same as your Demo - Stacked Bars (Olympic Medals won by USA). In my application I need to perform actions when a user clicks on the ChartCategoryAxisItem label - a year, in this case.
Having had a look at the API doc I haven't found anything suitable - is there a handle that I can hook into to capture that click?
Thankyou
I have a stacked bar chart, basically the same as your Demo - Stacked Bars (Olympic Medals won by USA). In my application I need to perform actions when a user clicks on the ChartCategoryAxisItem label - a year, in this case.
Having had a look at the API doc I haven't found anything suitable - is there a handle that I can hook into to capture that click?
Thankyou
Kate | D-Flo
Top achievements
Rank 1
Rank 1
answered
on
16 Oct 2013
1 answer
134 views
Hello,
I found an issue on top resize of event, at 6/09 12:30 PM, on IE 10.
http://demos.kendoui.com/web/scheduler/events.html
Steps to reproduce the issue:
1. Open the above link.
2. Move event "Call Charlie about project" at 6/09 12:30 PM.
3. Reload the page.
4. Select top resize of event at 6/09 12:30 PM (Call Charlie about project).
5. Issue appears randomly after page load.
Thanks,
Simon Andre
I found an issue on top resize of event, at 6/09 12:30 PM, on IE 10.
http://demos.kendoui.com/web/scheduler/events.html
Steps to reproduce the issue:
1. Open the above link.
2. Move event "Call Charlie about project" at 6/09 12:30 PM.
3. Reload the page.
4. Select top resize of event at 6/09 12:30 PM (Call Charlie about project).
5. Issue appears randomly after page load.
Thanks,
Simon Andre
Vladimir Iliev
Telerik team
answered
on
16 Oct 2013
3 answers
268 views
I've got a custom font so that I can have custom icons in the tabstrip. When I use my font, the icon shows up but it's not using the color specified in the css.
It shows up black. Even if I set the color directly in the debugger, no color is applied.
<See Black.png attachment>
If I use the icon in a view, it shows up with correct color:
<See Orange.png attachment>
I assume there is some type of mask being applied but I can't figure out why it's making it black. I figured at the very least, it would be the same color as the other native icons.
Note that if I change the color of all the icons (with the km-icon css class), my custom icons do not change.
Note also: When I debug, I see that css is telling me that the color should be orange:
css:
html:
It shows up black. Even if I set the color directly in the debugger, no color is applied.
<See Black.png attachment>
If I use the icon in a view, it shows up with correct color:
<See Orange.png attachment>
I assume there is some type of mask being applied but I can't figure out why it's making it black. I figured at the very least, it would be the same color as the other native icons.
Note that if I change the color of all the icons (with the km-icon css class), my custom icons do not change.
Note also: When I debug, I see that css is telling me that the color should be orange:
css:
.km-ios6 .km-tabstrip .km-icon.km-icon-trophies{font-size: 22px;margin-bottom: -7px;color: orange !important;}html:
<div data-role="footer"> <div data-role="tabstrip"> <a href="#tabstrip-home" data-icon="home">Home</a> <a href="#tabstrip-journal" data-icon="icon-trophies">Journal</a> </div> </div>
Kamen Bundev
Telerik team
answered
on
16 Oct 2013
