or
3 answers
147 views
It appears that KendoUI Mobile has a number of view transitions which are not available in Kendo framework FX; I'm specifically looking at the the slide-right view transition.
The slide-right transition differs from the slide-in effect in that the slide-right animates the appearance of the new view (div) at the same time as it animates the disappearance of the old view (div). The new view slides in from the left, "pushing" the old view off to the right. In contrast, the slide-in effect slides in over (on top of) the old view.
Is there anyway to have an effect like the mobile slide-right transition when switching between two divs without affecting the entire visible page? I'm looking for something that would work similarly to the flip effect, i.e.:
<div id="container">
<div id="A"/>
<div id="B"/>
</div>
<script>
kendo.fx($("#container")).slideRight($("#A"), $("#B")).play();
</script>
so that div A would appear to slide-in, pushing div B off to the right. (Similarly, slide- left, up, and down effects would be useful.)
Back to the question: Is this possible now or is the material for the feedback pages?
Thanks.
The slide-right transition differs from the slide-in effect in that the slide-right animates the appearance of the new view (div) at the same time as it animates the disappearance of the old view (div). The new view slides in from the left, "pushing" the old view off to the right. In contrast, the slide-in effect slides in over (on top of) the old view.
Is there anyway to have an effect like the mobile slide-right transition when switching between two divs without affecting the entire visible page? I'm looking for something that would work similarly to the flip effect, i.e.:
<div id="container">
<div id="A"/>
<div id="B"/>
</div>
<script>
kendo.fx($("#container")).slideRight($("#A"), $("#B")).play();
</script>
so that div A would appear to slide-in, pushing div B off to the right. (Similarly, slide- left, up, and down effects would be useful.)
Back to the question: Is this possible now or is the material for the feedback pages?
Thanks.
Petyo
Telerik team
answered
on
28 Jun 2013
1 answer
96 views
Hello,
I've read thread like this:
http://www.kendoui.com/forums/ui/multi-select/how-to-append-a-selected-item-.aspx
All works if the MultiSelect is not server side filtered.
When MultiSelect is server side filtered I cannot append items. I need a method that I can call with an array of pairs of ID - Description.
Is there a way to do this with any workaround?
Thanks
I've read thread like this:
http://www.kendoui.com/forums/ui/multi-select/how-to-append-a-selected-item-.aspx
All works if the MultiSelect is not server side filtered.
When MultiSelect is server side filtered I cannot append items. I need a method that I can call with an array of pairs of ID - Description.
Is there a way to do this with any workaround?
Thanks
Petur Subev
Telerik team
answered
on
28 Jun 2013
1 answer
101 views
Hi Everyone,
I'm working on one of the features where I have a list and should be able to do action on multiple items at once
For example the way iPhone/Android handle editing/deleting/forwarding of messages
And I want this to work on multiple platforms iPhone, Android, Windows Phone and should work the way respective platform handle multiple item edit
Thank you in advance
I'm working on one of the features where I have a list and should be able to do action on multiple items at once
For example the way iPhone/Android handle editing/deleting/forwarding of messages
And I want this to work on multiple platforms iPhone, Android, Windows Phone and should work the way respective platform handle multiple item edit
Thank you in advance
Petyo
Telerik team
answered
on
28 Jun 2013
1 answer
122 views
listview
css：
use template below to insert listview
how to make every li item in listview background tranparent ，that is ，user can see the km-content background-image
<div data-role="view" data-title="objlist"> <ul data-role="listview" id="uidListView" data-click="uidClickItem"></ul></div>.km-ios .km-content{ background-image: url("../images/bg.png"); background-repeat:repeat-x;}use template below to insert listview
<script type="text/x-kendo-template" id="uidTemplate"># for (var i = 0; i < data.length; i++) { # <li class="userlist" val=${i}> <a> <span class="username">#:data[i].name#</span> <span class="userorg">#:data[i].orgName#</span> <span class="userpos">#:data[i].position#</span> </a> <span class="km-icon km-cancel uidicon"></span> </li> # } #</script>
Petyo
Telerik team
answered
on
28 Jun 2013
1 answer
44 views
Hi,
I need suggestion of how to insert data from a grid to the other Grid (Parent Grid) and if the Data is already existing in Parent Grid then it should not get inserted.Could any one help with an example.Thanks in Advance.
Regards,
Winds
I need suggestion of how to insert data from a grid to the other Grid (Parent Grid) and if the Data is already existing in Parent Grid then it should not get inserted.Could any one help with an example.Thanks in Advance.
Regards,
Winds
Vladimir Iliev
Telerik team
answered
on
28 Jun 2013
6 answers
1.1K+ views
Are there any built-in Kendo aggregate functions that can be called in the groupFooterTemplate?
Let's say I have detail data showing customer purchase orders:
AcmeWidgets...................................$200.00
ZooAnimals.......................................$500.00
ZooAnimals.......................................$400.00
AcmeWidgets....................................$450.00
GizmoUniverse.................................$700.00
When I group on company name is it possible to show in the groupFooterTemplate the sum() of the dollar amounts for each customer, e.g.:
AcmeWidgets.................................$650.00
ZooAnimals.....................................$900.00
GizmoUniverse...............................$700.00
Let's say I have detail data showing customer purchase orders:
AcmeWidgets...................................$200.00
ZooAnimals.......................................$500.00
ZooAnimals.......................................$400.00
AcmeWidgets....................................$450.00
GizmoUniverse.................................$700.00
When I group on company name is it possible to show in the groupFooterTemplate the sum() of the dollar amounts for each customer, e.g.:
AcmeWidgets.................................$650.00
ZooAnimals.....................................$900.00
GizmoUniverse...............................$700.00
Iliana Dyankova
Telerik team
answered
on
27 Jun 2013
0 answers
126 views
This may be an easy question but
When I create an area, the area is opaque but in the examples on http://demos.kendoui.com/themebuilder/dataviz.html
they are transparent. How do I adjust the area chart's transparency to allow the grid lines to show through?
Is it something I am missiong in my .kendoChart function?
Edit: Found the seriesDefault for area.
<div id="chart"></div>
<script>
$("#chart").kendoChart({
seriesDefaults: {
area: {
color: "red",
opacity: 0.1
}
},
series: [
{ type: "area", data: [1, 2] },
{ data: [3, 4] }
]
});
</script>
When I create an area, the area is opaque but in the examples on http://demos.kendoui.com/themebuilder/dataviz.html
they are transparent. How do I adjust the area chart's transparency to allow the grid lines to show through?
Is it something I am missiong in my .kendoChart function?
Edit: Found the seriesDefault for area.
<div id="chart"></div>
<script>
$("#chart").kendoChart({
seriesDefaults: {
area: {
color: "red",
opacity: 0.1
}
},
series: [
{ type: "area", data: [1, 2] },
{ data: [3, 4] }
]
});
</script>
3 answers
98 views
Hi,
I have a chart with two series, one is Area and another is Column
I need to display Area series in front of Columns, is it possible to configure chart this way?
Thanks,
Michail Knyrevich.
I have a chart with two series, one is Area and another is Column
I need to display Area series in front of Columns, is it possible to configure chart this way?
Thanks,
Michail Knyrevich.
Iliana Dyankova
Telerik team
answered
on
27 Jun 2013
3 answers
423 views
Hi,
I have the below as my Group Header
groupHeaderTemplate: "Items: #=count# +
"<button class='floatRightWithMargin' type='button' onclick='approveAll(#=value#)'>Approve</button>" +
"<button class='floatRightWithMargin' type='button' onclick='rejectAll(#=value#)'>Reject</button>"
Whatever style I give in the CSS class, I'm not able to get the buttons aligned to the right side of the header. I have tried float right and left, and margins.
Also, the call doesn't happen on click of the button. I keep getting a script error saying that a closing bracket is required. How do we make a function call on click of the button?
Can you please give an example of the buttons aligned to the right and a call to a function working on click.
I have the below as my Group Header
groupHeaderTemplate: "Items: #=count# +
"<button class='floatRightWithMargin' type='button' onclick='approveAll(#=value#)'>Approve</button>" +
"<button class='floatRightWithMargin' type='button' onclick='rejectAll(#=value#)'>Reject</button>"
Whatever style I give in the CSS class, I'm not able to get the buttons aligned to the right side of the header. I have tried float right and left, and margins.
Also, the call doesn't happen on click of the button. I keep getting a script error saying that a closing bracket is required. How do we make a function call on click of the button?
Can you please give an example of the buttons aligned to the right and a call to a function working on click.
Kiril Nikolov
Telerik team
answered
on
27 Jun 2013
7 answers
285 views
Hi
I have a menu with many items and the problem is i cannot select the first number of items.
They are outside the browser window as you can see from the screen shot.
I don't know how to solve this.
I have a menu with many items and the problem is i cannot select the first number of items.
They are outside the browser window as you can see from the screen shot.
I don't know how to solve this.
