AnsweredAssumed Answered

Create Styled Search Box Similiar to AGOL

Question asked by geonetadmin on Jul 23, 2013
Latest reply on Jul 23, 2013 by geonetadmin
Original User: mcdade31

I'm trying to create a search box that is a little more styled and similar to the box on ArcGIS Online Webmaps:


Currently my search box is a bit more "dated" and the button is outside of the actual textbox, which is one of the things I'm trying to fix:

Right now my search HTML code is:
<div id="search">
                <input type="text" id="parcel" size="30" value="Enter Parcel ID or Address"/>
                <button data-dojo-type="dijit.form.Button" data-dojo-props='onClick:function(){ doFind();}'>Search</button>

and my CSS is:
#search {
    top:2px !important;
    right: 95px;
    color:white !important;
    font-family:Goudy Old Style Italics;

I know this isn't exactly a JavaScript API question but I'm having trouble implementing this. Any help would be appreciated.