Hi!
I have a listview that is using a template.
I want to show a > sign aligned to the right so the user know that if he/she presses the item, a new listview will be presented.
I have tried adding > sign by using a div tag but it is not looking good.
Is there any other way to do this so it looks like the one visible when your not using templates?
My template looks like the :
I have a listview that is using a template.
I want to show a > sign aligned to the right so the user know that if he/she presses the item, a new listview will be presented.
I have tried adding > sign by using a div tag but it is not looking good.
Is there any other way to do this so it looks like the one visible when your not using templates?
My template looks like the :
<script type="text/x-kendo-template" id="feedTemplate"> <div style="float:right"> > </div> <img class="item-image" src="${ImageUrl}" /> <h3 class="item-title">${Title}</h3> <p class="item-description">${Description}</p> <a href="\\#" data-role="button" class="delete">Delete</a> </script>3 Answers, 1 is accepted
0
Hello Per,
The ListView will automatically render a ">" sign if the item content is wrapped inside an <a> tag. Please check this demo:
Regards,
Alexander Valchev
Telerik
The ListView will automatically render a ">" sign if the item content is wrapped inside an <a> tag. Please check this demo:
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Dev
Top achievements
Rank 1
Rank 1
answered on 22 Mar 2016, 04:32 PM
Is there a way to remove the ">" from the <a> tag?
BTW, the link you posted for the demo is now bad.
0
Hi Derrick,
This thread is old, the demo link has changed due to examples re-structure. You will find the example here.
You may remove the ">" with CSS:
Where #listview-home is the ID of your ListView element. Here is a Dojo example: http://dojo.telerik.com/EcOlu
Regards,
Alexander Valchev
Telerik
This thread is old, the demo link has changed due to examples re-structure. You will find the example here.
You may remove the ">" with CSS:
#listview-home .km-listview-link:after { content: none;}Where #listview-home is the ID of your ListView element. Here is a Dojo example: http://dojo.telerik.com/EcOlu
Regards,
Alexander Valchev
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!