how do i suppress the > in the drawer

2 posts, 0 answers
  1. stephan
    stephan avatar
    3 posts
    Member since:
    May 2013

    Posted 09 Dec 2013 Link to this post

    Using the example i have a login / logout link on the drawer.
    Now my question is how do i go about hiding the ">" that is placed after the link. in this case i am not calling another view but want to do an action.

    <div data-role="drawer" id="my-drawer" style="width: 270px" data-views="['drawer-home', 'drawer-settings' ">
        <ul data-role="listview" data-type="group">
            <li>Application
                <ul>
                    <li data-icon="inbox"><a href="#drawer-home" data-transition="none">Show</a></li>
                </ul>
            </li>
          
            <li>Account
                <ul>
                    <li data-icon="settings"><a href="#drawer-settings" data-transition="none">Settings</a></li>
                    <li data-icon="off" id="logintext" ><a href="#" onclick="app.LoginLogout()">Login</a></li>
                </ul>
            </li>
        </ul>
    </div>
  2. Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 10 Dec 2013 Link to this post

    Hello Stephan,

    The arrow that you see on the right of the link is a result of the anchor tag included in your listview items. If you want to remove it you can either remove the anchor tag, or hide the arrow with CSS. For the second approach you can use this rule:

    a.km-listview-link:after{
      display:none;
    }


    Regards,
    Kiril Nikolov
    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
Back to Top