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:

[ATTACH=CONFIG]26138[/ATTACH]

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:
[ATTACH=CONFIG]26139[/ATTACH]

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>
            </div>


and my CSS is:
#search {
    position:relative;
    top:2px !important;
    right: 95px;
    color:white !important;
    font-family:Goudy Old Style Italics;
    font-weight:bold;
    font-size:11pt;
   }


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

Attachments

Outcomes