how do i suppress the > in the drawer

[stephan]

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>

[Kiril Nikolov]

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