or
1 answer
79 views
I am using Scheduler in Day view, horizontally grouped by Resource. Some events have time, some events are "all day" events. I need to able to drag event from All day slot to make them "timed" events and the other way around. How can I do that?
Alexander Popov
Telerik team
answered
on
08 Apr 2014
4 answers
57 views
I'm having trouble configuring the following:
Currently if the filter is turned on the user has to click the filter icon to show the filter options. I just need a "contains" filter but I would like the search box to appear by default( without having to click the filter icon). I'm hoping there's a configuration to make it appear below the header text. I also would like the contains filter to fire automatically after the user hits enter.
This seems pretty simple but I'm still having trouble finding the documentation. I'm using the html configurations in set up.
Currently if the filter is turned on the user has to click the filter icon to show the filter options. I just need a "contains" filter but I would like the search box to appear by default( without having to click the filter icon). I'm hoping there's a configuration to make it appear below the header text. I also would like the contains filter to fire automatically after the user hits enter.
This seems pretty simple but I'm still having trouble finding the documentation. I'm using the html configurations in set up.
9 answers
4.2K+ views
Hi,
Is there a demo application that demonstrates a best practice for detecting unauthenticated users so the application can point to a Login view or external page, and how to handle logging off?
This seems like it should be straight forward, but I'm having problems redirecting to different views properly.
Thanks,
King Wilder
Is there a demo application that demonstrates a best practice for detecting unauthenticated users so the application can point to a Login view or external page, and how to handle logging off?
This seems like it should be straight forward, but I'm having problems redirecting to different views properly.
Thanks,
King Wilder
Piyush Bhatt
Top achievements
Rank 2
Rank 2
answered
on
07 Apr 2014
1 answer
162 views
In our project, we do not use classes or attributes in our <body> tag.
We see that kendoui adds data-role="pane" to it.
When running the app on certain devices, unclear what they have in common, the output can become a white screen in 2 cases of 3.
When tapping on the screen, the app reveals itself.
In such a deadlock occasion, we sent a string with the entire DOM to the server, having a timer in the app that could make that possible.
We used $('html').html().
The resulting webpage was then cleared from script tags and viewed in a computer web browser to see what the phone actually tried to render.
(We put the resulting html file in a directory were the styles are).
Most of the output was gray, except the title bar that showed up clipped. It seems like a style tag has been added that sais:
A funny thing was that when we used firebug to disable the rule position: relative from .km-pane the page showed the missing content.
The webpage also shows when we remove the class km-pane from body.
When looking on examples, it seems like km-pane is used mosly for divs, not body tags.
How do they apply to body? How does position: relative make sense for body?
Is it possible to supress the addition of the km-pane class to body?
We see that kendoui adds data-role="pane" to it.
When running the app on certain devices, unclear what they have in common, the output can become a white screen in 2 cases of 3.
When tapping on the screen, the app reveals itself.
In such a deadlock occasion, we sent a string with the entire DOM to the server, having a timer in the app that could make that possible.
We used $('html').html().
The resulting webpage was then cleared from script tags and viewed in a computer web browser to see what the phone actually tried to render.
(We put the resulting html file in a directory were the styles are).
Most of the output was gray, except the title bar that showed up clipped. It seems like a style tag has been added that sais:
style> .km-view { clip: rect(0 1000px 1000px 0); }</style>A funny thing was that when we used firebug to disable the rule position: relative from .km-pane the page showed the missing content.
The webpage also shows when we remove the class km-pane from body.
When looking on examples, it seems like km-pane is used mosly for divs, not body tags.
How do they apply to body? How does position: relative make sense for body?
Is it possible to supress the addition of the km-pane class to body?
Kamen Bundev
Telerik team
answered
on
07 Apr 2014
2 answers
316 views
I can't seem to get the TimePicker to work in my ASP.NET MVC 5 application.
I get the error: The field Time must be a date
Any ideas what I'm doing wrong?
@(Html.Kendo().TimePicker().Name("Time").Value(DateTime.Today.AddHours(7)))I get the error: The field Time must be a date
Any ideas what I'm doing wrong?
King Wilder
Top achievements
Rank 2
Rank 2
answered
on
07 Apr 2014
5 answers
272 views
I have a webapp set up that I use a tree view to drag file names from and drop them on a diagram to use as a visual processing system (ETL). I have a working system and I pass the X and Y coordinates (from drop event) to the datasource (item.X, item.Y), which, when I drop the file onto the diagram space, puts the group (invisible with the yellow dots for connection points) in the top left corner, and the textBlock and Image (within the grouping) at the appropriate places based on the drop location. Is there a way to specify the X and Y coordinates for the Group as a whole?
1 answer
1.1K+ views
Hi,
My problem is getting colored series line in line chart and the colors should come from grouped datasource,
My json looks like this:
{"Color":"#CC0000","Id":1,"Legend":"Şube","Value":46,"XAxis":"Mart"},
{"Color":"#EC6E00","Id":13,"Legend":"Bölge Müdürlüğü","Value":42,"XAxis":"Haziran"},
{"Color":"#7F7F7F","Id":29,"Legend":"Genel Müdürlük","Value":20,"XAxis":"Temmuz"}.....
And my script is:
function createChart() {
var chartDataSource = new kendo.data.DataSource({
transport: {
read: {
url: function () {
return "http://bipoc:7777/Service.svc/GetBarChart";
},
dataType: "json"
}
},
group: {
field: "Legend",
}
});
$("#chart").kendoChart({
dataSource: chartDataSource,
series: [{
type: "line"
, field: "Value"
, name: "#= group.value # "
, colorField: "Color"
, groupColor: function (item) {
var series = item.series;
series.color = series.data[item.index].Color;
}
}],
legend: {
position: "bottom"
},
valueAxis: {
labels: {
format: "${0}",
skip: 2,
step: 2
}
},
categoryAxis: {
field: "XAxis",
majorGridLines: {
visible: false
}
},
tooltip: {
visible: true,
format: "{0}%",
template: "#= series.name #: #= value #"
}
});
}
But by this way i get colored lines but boxes of the legends and tooltips retain the same with default colors (I've attached a screenshot of the result). What is wrong in my code? ANy help would be appreciated.
Thanks,
My problem is getting colored series line in line chart and the colors should come from grouped datasource,
My json looks like this:
{"Color":"#CC0000","Id":1,"Legend":"Şube","Value":46,"XAxis":"Mart"},
{"Color":"#EC6E00","Id":13,"Legend":"Bölge Müdürlüğü","Value":42,"XAxis":"Haziran"},
{"Color":"#7F7F7F","Id":29,"Legend":"Genel Müdürlük","Value":20,"XAxis":"Temmuz"}.....
And my script is:
function createChart() {
var chartDataSource = new kendo.data.DataSource({
transport: {
read: {
url: function () {
return "http://bipoc:7777/Service.svc/GetBarChart";
},
dataType: "json"
}
},
group: {
field: "Legend",
}
});
$("#chart").kendoChart({
dataSource: chartDataSource,
series: [{
type: "line"
, field: "Value"
, name: "#= group.value # "
, colorField: "Color"
, groupColor: function (item) {
var series = item.series;
series.color = series.data[item.index].Color;
}
}],
legend: {
position: "bottom"
},
valueAxis: {
labels: {
format: "${0}",
skip: 2,
step: 2
}
},
categoryAxis: {
field: "XAxis",
majorGridLines: {
visible: false
}
},
tooltip: {
visible: true,
format: "{0}%",
template: "#= series.name #: #= value #"
}
});
}
But by this way i get colored lines but boxes of the legends and tooltips retain the same with default colors (I've attached a screenshot of the result). What is wrong in my code? ANy help would be appreciated.
Thanks,
Iliana Dyankova
Telerik team
answered
on
07 Apr 2014
6 answers
685 views
Hi, Im trying to bind a chart with json, but I cant get it to work.
Here is how the json looks like.
Here is how the json looks like.
{"d":{"__type":"test.PersonSearchSummary","TotalSearches":300,"Hits":250,"Alternates":30,"Misses":20}}
Here is how i try to create the chartfunctioncreateChart() {$("#chart").kendoChart({theme:"kendo",title: {text:"Internet Users"},legend: {position:"bottom"},seriesDefaults: {type:"column",stack:true},dataSource: {transport: {read: {type:"POST",contentType:"application/json; charset=utf-8",url:"Default.aspx/GetPersonSearchData",dataType:"json"}}},series: [{name:"PersonSearch",field:"TotalSearches"}, {name:"United States",field:"Hits"}],valueAxis: {majorUnit: 1000},categoryAxis: {field:"test.PersonSearchSummary"},tooltip: {visible:true,format:"{0}%"}});}$(document).ready(function() {createChart();$(document).bind("kendo:skinChange",function(e) {createChart();});});
Dimo
Telerik team
answered
on
07 Apr 2014
8 answers
682 views
Hello,
I'm having this piece of code to manage the UI:
In my template I have:
and then the footer and closing tab.
And in my home page I have this one, rewriting the header:
The reason why I'm doing this is I need 2 menus on the home page, but I want to remove one of the left drawer on any other page and display the back button again.
So basically it "almost" works... almost
I'm having 2 difficulties to make it works.
1 - When going to another page From a link from the left or the right drawer, if I want to go back to the previous page by pressing the back button I come back to to the page at the position it was when the drawer is open (totally on the left or the right of the screen to let the drawer be displayed). But the drawer is not display so I just have some blank space left on the side of the screen. Why is the page not re initialized at the correct position ( center of the screen ). It seems like the page is not re initialized at its correct position or that I'm redirected to the drawer page that does not open/display.
2 - When I'm on a different page than the home page, the right drawer does not work at all .. only the back button works. Why ?
Many Thanks
Below is the code of the 2 menus:
I'm having this piece of code to manage the UI:
In my template I have:
<div data-role="layout" data-id="overview-layout" data-platform="ios" data-model="viewModel"> <header data-role="header"> <div data-role="navbar"> <a data-role="backbutton" id="back-button" class="nav-button" data-align="left">Back</a> <span data-role="view-title"></span> <a data-role="button" data-rel="drawer" href="#right-drawer" data-icon="share" data-align="right" ></a> </div> </header>And in my home page I have this one, rewriting the header:
<div data-role="view" data-layout="overview-layout" data-init="initiate_geolocation()" data-title="Meet My Friends" id="two-drawer-home"> <header data-role="header"> <div data-role="navbar"> <a data-role="button" data-rel="drawer" href="#left-drawer" data-icon="drawer-button" data-align="left"></a> <span data-role="view-title"></span> <a data-role="button" data-rel="drawer" href="#right-drawer" data-icon="share" data-align="right" ></a> </div> </header>The reason why I'm doing this is I need 2 menus on the home page, but I want to remove one of the left drawer on any other page and display the back button again.
So basically it "almost" works... almost
I'm having 2 difficulties to make it works.
1 - When going to another page From a link from the left or the right drawer, if I want to go back to the previous page by pressing the back button I come back to to the page at the position it was when the drawer is open (totally on the left or the right of the screen to let the drawer be displayed). But the drawer is not display so I just have some blank space left on the side of the screen. Why is the page not re initialized at the correct position ( center of the screen ). It seems like the page is not re initialized at its correct position or that I'm redirected to the drawer page that does not open/display.
2 - When I'm on a different page than the home page, the right drawer does not work at all .. only the back button works. Why ?
Many Thanks
Below is the code of the 2 menus:
<!-- LEFT MENU --><div data-role="drawer" id="left-drawer" style="width: 100px" data-title="What's Up" data-views="['two-drawer-home', '/mobile/m/drawer/two-way-drawers.html']" data-before-show="prevent"> <header data-role="header"> <div data-role="navbar"> <span data-role="view-title"></span> </div> </header> <ul id="left-drawer-menu"> <li id="LM-available" ><div class="number">0</div>Available Friends</li> <li id="LM-notified" ><div class="number">0</div>Notified Events</li> <li id="LM-matched" ><div class="number">0</div>Matches</li> <li id="LM-invites" ><div class="number">0</div>Invites</li> </ul></div><!-- RIGHT MENU --><div data-role="drawer" id="right-drawer" style="width: 200px" data-title="Menu" data-position="right" data-views="['two-drawer-home', '/mobile/m/drawer/two-way-drawers.html']" data-before-show="prevent" data-init="checkAvailability"> <header data-role="header"> <div data-role="navbar"> <span data-role="view-title"></span> </div> </header> <ul data-role="listview" id="leftMenuList"> <!-- <li data-icon="organize">Event Calendar</li> --> <li data-icon="settings"><a href="#profile">Profil</a></li> <li data-icon="settings"><a href="#interests">Centers Of Interests</a></li> <li data-icon="add">Create Event</li> <li data-icon="add">Search Friends?</li> <li data-icon="comments">Let's Hang Out Today! <input id="switchAvailable" type="checkbox" data-role="switch" data-change="switchAvailability"></li> <li data-icon="graph"><a href="#" id="logout">Log Out</a></li> <hr /> </ul></div>
Petyo
Telerik team
answered
on
07 Apr 2014
9 answers
575 views
Hi,
Using Kendo grid I was able to bind data and group by any column. But after grouping, if I want to collapse or expand the grouped data the uisng the arrow next to the group header, this functionality is not working consistently. if it works first time it will not work after refreshing the data on the grid and vice versa.
So you please help on this?
Thanks,
Ephrem
Using Kendo grid I was able to bind data and group by any column. But after grouping, if I want to collapse or expand the grouped data the uisng the arrow next to the group header, this functionality is not working consistently. if it works first time it will not work after refreshing the data on the grid and vice versa.
So you please help on this?
Thanks,
Ephrem
Vladimir Iliev
Telerik team
answered
on
07 Apr 2014
