CODEWITHSUNDEEP
searchgwtgoogle-mapsresize
user302347
user302347

Reputation:

Google map search bar resize in GWT

I have a gwt application that uses the map api for a mapWidget. I added the integrated search for the map with setGoogleBarEnabled(true). It works fine, but the input field is 6px height. How can I resize it? Thanks Balint

Upvotes: 3

Views: 672

Answers (1)

Daniel Vassallo
Daniel Vassallo

Reputation: 344451

The Google Search Bar should be 15px in height by default, as far as I can understand by inspecting the DOM of a Google Map with the search bar enabled.

This is how the search bar looks in the DOM:

<div id=":0:formId" class="gels-form-div">
   <img id=":0:logoId" class="gels-logo" src="http://www.google.com/uds/modules/elements/localsearch/logo_66x22.png">
   <input id=":0:inputId" class="gels-input" type="text" name="search" title="search" value="search the map" style="width: 153px; ">
   <input id=":0:buttonId" class="gels-button" type="submit" value="Search" title="search">
</div>

Make sure that your application is not overriding the height of the gels-input class. If this does not help, you may want to override the height yourself with:

input.gels-input {
    height: 15px;
}

Upvotes: 2

Related Questions