Select to view content in your preferred language

NearMe Widget Search Header text change

590
4
Jump to solution
09-12-2018 12:30 PM
Sung-JunKim1
Emerging Contributor

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,

SJ

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

SJ,

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

View solution in original post

4 Replies
RobertScheitlin__GISP
MVP Emeritus

SJ,

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

Sung-JunKim1
Emerging Contributor

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,

SJ

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

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

Sung-JunKim1
Emerging Contributor

Robert,

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

Thanks,