as icon set to be inside; the icon is not correctly displayed

[yichunzhao]

The following is a screen dump; you can see the search icon of location input text field was moved to the left bottom corner now.

`final private LocationTextField ltf = new LocationTextField<>(GoogleGeocoder.getInstance());
final private Button find = new Button("Find");
final private CssLayout findByLocation = new CssLayout(ltf, find);

final private GoogleMap googleMap = new GoogleMap(apiKey, null, null);
final private Panel mapPanel = new Panel(googleMap);

@Autowired
private YardService yardService;

public FindView() {
super.setSizeFull();
super.setMargin(true);
super.setSpacing(true);
super.addComponents(findByLocation, mapPanel);

mapPanel.setSizeFull();
setLtf();
setMap();

}

private void setLtf() {
//ltf.setCaption("Find a shared Yard closing to you");
ltf.setWidth("400px");
ltf.setInputPrompt("Insert an location: ");
ltf.setStyleName(ValoTheme.TEXTFIELD_INLINE_ICON);
ltf.setIcon(VaadinIcons.SEARCH);

ltf.addLocationValueChangeListener((HasValue.ValueChangeEvent<GeocodedLocation> e) -> {
    googleMap.clearMarkers();
    LatLon ll = new LatLon(e.getValue().getLat(), e.getValue().getLon());
    setMapCenter(ll);
    setMapMarker(ll);
});

ltf.setDelay(800);

ltf.setLocation(new GeocodedLocation());

}`

[markathomas]

I unfortunately don't have time to review this. it sounds like your CSS is getting messed up. PRs are welcome! Regards, Mark Thomas spatialguru.net@gmail.com 205.529.9013 "Commit to the Lord whatever you do, and your plans will succeed." - Proverbs 16:3

…

On Wed, Sep 27, 2017 at 2:45 PM, Yichun Zhao ***@***.***> wrote: The following is a screen dump; you can see the search icon of location input text field was moved to the left bottom corner now. [image: image] <https://user-images.githubusercontent.com/17804600/30934150-f5fceb7c-a3cc-11e7-84bd-0fcceea427e7.png> `final private LocationTextField ltf = new LocationTextField<>( GoogleGeocoder.getInstance()); final private Button find = new Button("Find"); final private CssLayout findByLocation = new CssLayout(ltf, find); final private GoogleMap googleMap = new GoogleMap(apiKey, null, null); final private Panel mapPanel = new Panel(googleMap); @Autowired <https://github.com/autowired> private YardService yardService; public FindView() { super.setSizeFull(); super.setMargin(true); super.setSpacing(true); super.addComponents(findByLocation, mapPanel); mapPanel.setSizeFull(); setLtf(); setMap(); } private void setLtf() { //ltf.setCaption("Find a shared Yard closing to you"); ltf.setWidth("400px"); ltf.setInputPrompt("Insert an location: "); ltf.setStyleName(ValoTheme.TEXTFIELD_INLINE_ICON); ltf.setIcon(VaadinIcons.SEARCH); ltf.addLocationValueChangeListener((HasValue.ValueChangeEvent<GeocodedLocation> e) -> { googleMap.clearMarkers(); LatLon ll = new LatLon(e.getValue().getLat(), e.getValue().getLon()); setMapCenter(ll); setMapMarker(ll); }); ltf.setDelay(800); ltf.setLocation(new GeocodedLocation()); }` — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#10>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AAd0GFSYSOC5iPQi4wQhvJN2_Y3UgMU5ks5smqXtgaJpZM4PmTFI> .