Overlay: Not able to bind button texT and font awesome icons

[anikets43]

Hi,

I need a form inside OverlayPanel content. Here's my template:

<p-overlayPanel #op1>
    <div class="input-group">
        <input type="search" class="form-control" placeholder="Search..." />
        <span class="input-group-btn">
            <button class="btn btn-secondary" type="button">
                <span class="fa fa-search">S</span>
            </button>
        </span>
    </div>
    <div class="input-group">
        <label><input type="checkbox">&nbsp;PlayList 1</label>
        <label><input type="checkbox">&nbsp;PlayList 2</label>
    </div>
    <div class="input-group">
        <input type="search" class="form-control">
        <span class="input-group-btn">
            <button class="btn btn-secondary" type="button" value="New" (click)="addNew()">
            </button>
        </span>
    </div>
</p-overlayPanel>
```xml
![error](https://cloud.githubusercontent.com/assets/7136799/14107208/4a1af6a2-f5d4-11e5-9d6a-ed9f20b13b2d.PNG)

Thanks in advance,
Aniket

[cagataycivici]

What is the issue? I couldn't understand.

Have you included font awesome?

[anikets43]

Thanks @cagataycivici

When i replaced button tag with anchor tag, it worked.

<div class="input-group"> <input type="search" class="form-control" placeholder="Search..." /> <span class="input-group-btn"> <a class="btn btn-secondary"><span class="fa fa-search"></span></a> </span> </div>

[cagataycivici]

Glad to hear.