or
15 answers
1.5K+ views
Hi;
I've read many different threads on the ability to handle the TreeView content. I am running into an issue that I cannont get working smoothly or not at all. I have a TreeView. This TreeView requires updating when I make an update to a DB. The loading of the TreeView works based on queries on the DB. My main problem is that after I make the DB update I need to request a reload of the current node. Updates are based on the selected TreeView node. I am performing operations like selectedDataItem.load(); but I cannot get the loading to work. It works if the current node has not been expanded. It will not work f the current node has already been expanded. It also does not work if the node had been expanded and no child nodes are present. I.E. after this point adding to the node also does nothing to the TreeView. I do know that the data items used for populating the TreeView are correct because if I restart my app and open the TreeView the items are loaded. What I would like to know is what is the correct way to dynamcially update the TreeView regardless of the TreeView state.
Peter
I've read many different threads on the ability to handle the TreeView content. I am running into an issue that I cannont get working smoothly or not at all. I have a TreeView. This TreeView requires updating when I make an update to a DB. The loading of the TreeView works based on queries on the DB. My main problem is that after I make the DB update I need to request a reload of the current node. Updates are based on the selected TreeView node. I am performing operations like selectedDataItem.load(); but I cannot get the loading to work. It works if the current node has not been expanded. It will not work f the current node has already been expanded. It also does not work if the node had been expanded and no child nodes are present. I.E. after this point adding to the node also does nothing to the TreeView. I do know that the data items used for populating the TreeView are correct because if I restart my app and open the TreeView the items are loaded. What I would like to know is what is the correct way to dynamcially update the TreeView regardless of the TreeView state.
Peter
2 answers
1.1K+ views
When Telerik validator tooltips show on my grid and the text is longer than a certain length, the text is either cut off by the edge of the cell (IE9), or continues without wrapping (Firefox and Chrome). In both cases, the yellow bubble of the validation tooltip does not contain the entire text. This seems to be related to the grid; if I use the same error message on a control outside the grid the text wraps correctly and the entire text is within the tooltip bubble. Examples are attached. We are using Kendo ASP.Net MVC version 2013.3.1119.440. Has this been fixed in a later version? Does anyone have a workaround for this?
Thanks,
Brian
Thanks,
Brian
1 answer
114 views
How do I add a custom editor to the scheduler when using MVVM? I also can't get many of the data attributes to work such as data-start-time. Thanks.
Alexander Popov
Telerik team
answered
on
06 Mar 2014
3 answers
150 views
I wanted to see if anyone has opinions on printing content from a splitter. The way I see it there are two paths.
- A complicated print stylesheet
- Some JS to copy the desired visible content to another area of the page combined with a simple print stylesheet to hide all of the splitter and leave the newly copied content visible.
The only caveat I see with #2 is I won't be able to capture the end of a print event so these new elements will continue to exist in the DOM. The upside is that my screen stylesheet can just ignore that container.
Has anyone else printed content from a splitter? How did you deal with it? Are there better alternatives I might be overlooking?
Has anyone else printed content from a splitter? How did you deal with it? Are there better alternatives I might be overlooking?
Dimo
Telerik team
answered
on
06 Mar 2014
1 answer
73 views
hello to all
i would like to ask on how to add controls from kendo UI to VS2012.. i downloaded the trail version of kendo..i would like to test it on my MVC web apps can anybody help me about this or step by step on it..
thanks
i would like to ask on how to add controls from kendo UI to VS2012.. i downloaded the trail version of kendo..i would like to test it on my MVC web apps can anybody help me about this or step by step on it..
thanks
Sebastian
Telerik team
answered
on
06 Mar 2014
3 answers
108 views
Hello,
When updating an item in a series, the scheduler first calls Create, with the new item, then Update to add the recurrenceexception. In my case, I have some servervalidation to check if recurrences are overlapping, and that check fails since the old post hasn't been updated.
Is there any way to control this order? Is it stupid to do it in the source?
Regards,
Pär Sandgren
When updating an item in a series, the scheduler first calls Create, with the new item, then Update to add the recurrenceexception. In my case, I have some servervalidation to check if recurrences are overlapping, and that check fails since the old post hasn't been updated.
Is there any way to control this order? Is it stupid to do it in the source?
Regards,
Pär Sandgren
Georgi Krustev
Telerik team
answered
on
06 Mar 2014
3 answers
231 views
Hello,
We have a mobile app that uses a list view with data-style is inset and data-type is group. The app is also used with IE on Windows as well. Right now the KendoUI version is 2013 Q3.
When we use the list view in IE 11, the background color for each group caption is grey. A sample html is below and the image is attached:
<!DOCTYPE html>
<html>
<head>
<title>Basic usage</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.mobile.min.js"></script>
<script src="../../content/shared/js/console.js"></script>
<link href="../../../styles/kendo.mobile.all.min.css" rel="stylesheet" />
<style>
[href*=index], #back-button
{
visibility: hidden;
}
</style>
</head>
<body>
<div data-role="view" data-title="Destinations" id="listview-home">
<ul data-role="listview" data-style="inset" data-type="group" style="background-color: #8e8;" >
<li>Africa
<ul>
<li data-icon="toprated"><a>Nairobi</a></li>
</ul>
</li>
<li>
America
<ul>
<li data-icon="globe"><a>Bostonaa</a></li>
<li data-icon="globe"><a>Ottawa</a></li>
<li data-icon="toprated"><a>San Francisco</a></li>
</ul>
</li>
<li>
Asia
<ul>
<li data-icon="globe"><a>Bombay</a></li>
</ul>
</li>
<li>
Australia
<ul>
<li data-icon="globe"><a>Melbourne</a></li>
<li data-icon="toprated"><a>Sydney</a></li>
</ul>
</li>
<li>
Europe
<ul>
<li data-icon="globe"><a>Cannes</a></li>
<li data-icon="globe"><a>Liverpool</a></li>
<li data-icon="toprated"><a>London</a></li>
</ul>
</li>
</ul>
</div><style></style>
<script>
window.kendoMobileApplication = new kendo.mobile.Application(document.body);
</script>
</body>
</html>
As you see the background color for captions for "Africa", "America", "Asia" are grey and I tried change the style but am unable to set so far.
Is there any way to change this?
Thanks!
We have a mobile app that uses a list view with data-style is inset and data-type is group. The app is also used with IE on Windows as well. Right now the KendoUI version is 2013 Q3.
When we use the list view in IE 11, the background color for each group caption is grey. A sample html is below and the image is attached:
<!DOCTYPE html>
<html>
<head>
<title>Basic usage</title>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" >
<script src="../../../js/jquery.min.js"></script>
<script src="../../../js/kendo.mobile.min.js"></script>
<script src="../../content/shared/js/console.js"></script>
<link href="../../../styles/kendo.mobile.all.min.css" rel="stylesheet" />
<style>
[href*=index], #back-button
{
visibility: hidden;
}
</style>
</head>
<body>
<div data-role="view" data-title="Destinations" id="listview-home">
<ul data-role="listview" data-style="inset" data-type="group" style="background-color: #8e8;" >
<li>Africa
<ul>
<li data-icon="toprated"><a>Nairobi</a></li>
</ul>
</li>
<li>
America
<ul>
<li data-icon="globe"><a>Bostonaa</a></li>
<li data-icon="globe"><a>Ottawa</a></li>
<li data-icon="toprated"><a>San Francisco</a></li>
</ul>
</li>
<li>
Asia
<ul>
<li data-icon="globe"><a>Bombay</a></li>
</ul>
</li>
<li>
Australia
<ul>
<li data-icon="globe"><a>Melbourne</a></li>
<li data-icon="toprated"><a>Sydney</a></li>
</ul>
</li>
<li>
Europe
<ul>
<li data-icon="globe"><a>Cannes</a></li>
<li data-icon="globe"><a>Liverpool</a></li>
<li data-icon="toprated"><a>London</a></li>
</ul>
</li>
</ul>
</div><style></style>
<script>
window.kendoMobileApplication = new kendo.mobile.Application(document.body);
</script>
</body>
</html>
As you see the background color for captions for "Africa", "America", "Asia" are grey and I tried change the style but am unable to set so far.
Is there any way to change this?
Thanks!
Kiril Nikolov
Telerik team
answered
on
06 Mar 2014
1 answer
102 views
Here's my problem...
The dropdown list is build on the serverside, then just created with a data-role on the client.
The idea in the UI is the user can pick something from the dropdown, it's ID is saved to "schedule.id"...and on another screen the "Text" value should appear as "schedule.locationname".
So if the dropdown value is set to schedule.id, how does\can the text value get updated as well?
The dropdown list is build on the serverside, then just created with a data-role on the client.
The idea in the UI is the user can pick something from the dropdown, it's ID is saved to "schedule.id"...and on another screen the "Text" value should appear as "schedule.locationname".
So if the dropdown value is set to schedule.id, how does\can the text value get updated as well?
Alexander Popov
Telerik team
answered
on
06 Mar 2014
5 answers
397 views
I am running drawer as the example on
http://demos.telerik.com/kendo-ui/mobile/drawer/index.html
So in my div with data-role="drawer", I have a <li> per list item I want to navigate to with difference data-icons (as in the example).
Inside those li:s, I am using <a> tags which where href="#idToView", like this:
When I click the list item in the drawer, I am automatically navigated to the view with the id home and the drawer is closed.
What I want is to run a script instead that does those two things.
The reason is that I need to detach some element I have appended myself in the drawer header before navigating so that kendo does not clone the header while my element is still inside it.
I have tried constructions like:
but that will only result in an error message in the error console:
Error: Syntax error, unrecognized expression: unsupported pseudo: navigate_to_view
How do I run that script?
http://demos.telerik.com/kendo-ui/mobile/drawer/index.html
So in my div with data-role="drawer", I have a <li> per list item I want to navigate to with difference data-icons (as in the example).
Inside those li:s, I am using <a> tags which where href="#idToView", like this:
<li data-icon="home"><a href="#home" data-transition="none">Home</a></li>When I click the list item in the drawer, I am automatically navigated to the view with the id home and the drawer is closed.
What I want is to run a script instead that does those two things.
The reason is that I need to detach some element I have appended myself in the drawer header before navigating so that kendo does not clone the header while my element is still inside it.
I have tried constructions like:
<li data-icon="home"><a href="javascript:navigate_to_view()" data-transition="none">Home</a></li>but that will only result in an error message in the error console:
Error: Syntax error, unrecognized expression: unsupported pseudo: navigate_to_view
How do I run that script?
Kiril Nikolov
Telerik team
answered
on
06 Mar 2014
2 answers
130 views
In the demo at
http://demos.telerik.com/kendo-ui/web/panelbar/index.html
the headers "My teammates", "Projects" etc are getting a border/shadow/something of darker blue when they are clicked on as some feedback of which header the user clicked on the last time.
In my project, I am trying to remove that style.
I have styled the headers green and the shadow border thing is red. That red color is not my choice, but the default one.
It really becomes a really ugly border. Not nice looking as in the example.
When I try to find the css rule that adds the border, it will dissapear, even if I do not interact with the document.
I only change node in firebug or in the development console of chrome, the border goes away.
How do I get rid of it?
http://demos.telerik.com/kendo-ui/web/panelbar/index.html
the headers "My teammates", "Projects" etc are getting a border/shadow/something of darker blue when they are clicked on as some feedback of which header the user clicked on the last time.
In my project, I am trying to remove that style.
I have styled the headers green and the shadow border thing is red. That red color is not my choice, but the default one.
It really becomes a really ugly border. Not nice looking as in the example.
When I try to find the css rule that adds the border, it will dissapear, even if I do not interact with the document.
I only change node in firebug or in the development console of chrome, the border goes away.
How do I get rid of it?
