topic NearMe Widget Search Header text change in Web AppBuilder Custom Widgets Questions

NearMe Widget Search Header text change

Sung-JunKim1 — Wed, 12 Sep 2018 19:30:47 GMT

How can I change NearMe Widget's search Header text? The widget comes with default text,' Search an address or locate on map'. I would like to add more descriptive text on the header.

Thanks,

Re: NearMe Widget Search Header text change

RobertScheitlin__GISP — Wed, 12 Sep 2018 19:38:27 GMT

SJ,

In the widgets nls folder find the strings.js and change the text for the searchHeaderText property.

Re: NearMe Widget Search Header text change

Sung-JunKim1 — Wed, 12 Sep 2018 19:57:27 GMT

Robert,

It worked perfectly. Is there anyway that I can expand the textbox size to wrap texts? The header only displays one line of text. I have at least two to three lines of texts which will be displayed on a smart phone screen.

Thanks,

Re: NearMe Widget Search Header text change

RobertScheitlin__GISP — Sun, 12 Dec 2021 09:03:58 GMT

SJ,

In the widgets css style.css there is this css rule of the header:

.jimu-widget-nearme .esriCTSearchHeader
{
  padding: 0px 0px 10px 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 12px;
  color: #000000;
  font-weight: normal;
}‍‍‍‍‍‍‍‍‍‍

Line 4 is the part that prevent word wrapping. Try changing that to normal or pre

Re: NearMe Widget Search Header text change

Sung-JunKim1 — Wed, 12 Sep 2018 20:23:07 GMT

Robert,

Changing white-space:nowrap to 'white-space: normal;' worked perfectly by allowing word wrapping to the search header textbox.

Thanks,