This is a migrated thread and some comments may be shown as answers.

how do i suppress the > in the drawer

1 Answer 34 Views
Drawer (Mobile)
This is a migrated thread and some comments may be shown as answers.
stephan
Top achievements
Rank 1
stephan asked on 09 Dec 2013, 08:59 PM
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>

1 Answer, 1 is accepted

Sort by
0
Kiril Nikolov
Telerik team
answered on 10 Dec 2013, 07:52 AM
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!
Tags
Drawer (Mobile)
Asked by
stephan
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Share this question
or