# How do i show the ion-option-buttons

**URL:** <https://forum.ionicframework.com/t/how-do-i-show-the-ion-option-buttons/9147>\
**Category:** uncategorized\
**Created:** [September 4, 2014, 9:51am UTC](https://forum.ionicframework.com/t/how-do-i-show-the-ion-option-buttons/9147 "2014-09-04T09:51:40Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![davidgang](https://avatars.discourse-cdn.com/v4/letter/d/7993a0/32.png) [@davidgang](https://forum.ionicframework.com/u/davidgang)\
**Post date:** [September 4, 2014, 9:51am UTC](https://forum.ionicframework.com/t/how-do-i-show-the-ion-option-buttons/9147/1 "2014-09-04T09:51:40Z")

</div>

Hi all,

I tried to understand from google and codepen how to show the option buttons  
As it looks below the edit button is hidden

[http://codepen.io/mhartington/pen/gzrvL](http://codepen.io/mhartington/pen/gzrvL)

How can i show it?

Thanks,  
David

---

<div class="post-metadata">

**Author:** ![sopesewind](https://avatars.discourse-cdn.com/v4/letter/s/bbe5ce/32.png) [@sopesewind](https://forum.ionicframework.com/u/sopesewind)\
**Post date:** [September 4, 2014, 11:01am UTC](https://forum.ionicframework.com/t/how-do-i-show-the-ion-option-buttons/9147/2 "2014-09-04T11:01:27Z")

</div>

it’s easy and simple.

1. on your html, declare ion-list attribute.

ex) `<ion-list class="list" ng-repeat="item in items">`  
(But, your app doesn’t use ng-repeat, delete ng-repeat value.)

1. in ion-list, declare ion-item attribute.  
ex) `<ion-item class="item">`

2. in ion-item, you can put some text, picture… Make freely 😄

3. and, in ion-item, put ion-option-buttons attribute.

ex) `<ion-option-buttons class="button button-postive" ng-click="click(item)"> EDIT </ion-option-buttons>`

Done! run your html file and slide right in list item, show ion-option-button.

and, here’s full example code.

```
<ion-list class="list">
<ion item class="item">
<h2>Title</h2>
<p>Description</p>
<ion-option-button class="button button-costive" click="click(1)">EDIT</ion-option-button>
</ion-item>
</ion-list> 

```

p.s. sorry to poor english