This is a migrated thread and some comments may be shown as answers.
ListView + Template + > char
3 Answers 60 Views
This is a migrated thread and some comments may be shown as answers.
Per
Top achievements
Rank 1
Per asked on 25 Nov 2013, 01:24 PM
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 :
<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

Sort by
0
Alexander Valchev
Telerik team
answered on 27 Nov 2013, 12:00 PM
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
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
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
Alexander Valchev
Telerik team
answered on 24 Mar 2016, 09:12 AM
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:

#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!
 
Asked by
Per
Top achievements
Rank 1
Answers by
Alexander Valchev
Telerik team
Dev
Top achievements
Rank 1
Share this question
or