ListView + Template + > char

4 posts, 0 answers
  1. Per
    Per avatar
    116 posts
    Member since:
    Jan 2008

    Posted 25 Nov 2013 Link to this post

    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>
  2. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 27 Nov 2013 Link to this post

    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!
  3. Kendo UI is VS 2017 Ready
  4. Derrick
    Derrick avatar
    4 posts
    Member since:
    Feb 2014

    Posted 22 Mar in reply to Alexander Valchev Link to this post

    Is there a way to remove the ">" from the <a> tag?

    BTW, the link you posted for the demo is now bad.

  5. Alexander Valchev
    Admin
    Alexander Valchev avatar
    2875 posts

    Posted 24 Mar Link to this post

    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!
     
Back to Top
Kendo UI is VS 2017 Ready