customize Search widget result symbol

Anonymous User

The Search widget creates a little grey circle marker when you click a result in the results list.  It's a little grey dot so it's very hard to see. I'd like to make it a larger red dot symbol. I looked and couldn't see where it was being created in the widget.js - anyone else know or have customized this?  I even searched the entire App by search in files for (77,77,77) after inspecting the DOM node for the circle symbol and couldn't see where this was coming from. I could probably override with CSS but that would be messy and I always try to do that as a last resort to avoid ramifications for other unintended elements.

<circle fill="rgb(77, 77, 77)" fill-opacity="1" stroke="rgb(255, 255, 255)" stroke-opacity="0.25" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="4" cx="960" cy="485" r="4" transform="matrix(1.00000000,0.00000000,0.00000000,1.00000000,0.00000000,0.00000000)" fill-rule="evenodd" stroke-dasharray="none" dojoGfxStrokeStyle="solid"></circle>

RobertScheitlin__GISP

In the widget.js find the _convertConfig function and make this change (lines 22 - 27):

_convertConfig<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>config<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
        <SPAN class="keyword token">var</SPAN> sourceDefs <SPAN class="operator token">=</SPAN> array<SPAN class="punctuation token">.</SPAN><SPAN class="token function">map</SPAN><SPAN class="punctuation token">(</SPAN>config<SPAN class="punctuation token">.</SPAN>sources<SPAN class="punctuation token">,</SPAN> lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>source<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
          <SPAN class="keyword token">var</SPAN> def <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Deferred</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
          <SPAN class="keyword token">if</SPAN> <SPAN class="punctuation token">(</SPAN>source <SPAN class="operator token">&&</SPAN> source<SPAN class="punctuation token">.</SPAN>url <SPAN class="operator token">&&</SPAN> source<SPAN class="punctuation token">.</SPAN>type <SPAN class="operator token">===</SPAN> <SPAN class="string token">'locator'</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
            <SPAN class="keyword token">var</SPAN> _source <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
              locator<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Locator</SPAN><SPAN class="punctuation token">(</SPAN>source<SPAN class="punctuation token">.</SPAN>url <SPAN class="operator token">||</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
              outFields<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"*"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
              singleLineFieldName<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>singleLineFieldName <SPAN class="operator token">||</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">,</SPAN>
              name<SPAN class="punctuation token">:</SPAN> jimuUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">stripHTML</SPAN><SPAN class="punctuation token">(</SPAN>source<SPAN class="punctuation token">.</SPAN>name <SPAN class="operator token">||</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
              placeholder<SPAN class="punctuation token">:</SPAN> jimuUtils<SPAN class="punctuation token">.</SPAN><SPAN class="token function">stripHTML</SPAN><SPAN class="punctuation token">(</SPAN>source<SPAN class="punctuation token">.</SPAN>placeholder <SPAN class="operator token">||</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
              countryCode<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>countryCode <SPAN class="operator token">||</SPAN> <SPAN class="string token">""</SPAN><SPAN class="punctuation token">,</SPAN>
              maxSuggestions<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>maxSuggestions<SPAN class="punctuation token">,</SPAN>
              maxResults<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>maxResults <SPAN class="operator token">||</SPAN> <SPAN class="number token">6</SPAN><SPAN class="punctuation token">,</SPAN>
              zoomScale<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>zoomScale <SPAN class="operator token">||</SPAN> <SPAN class="number token">50000</SPAN><SPAN class="punctuation token">,</SPAN>
              useMapExtent<SPAN class="punctuation token">:</SPAN> <SPAN class="operator token">!</SPAN><SPAN class="operator token">!</SPAN>source<SPAN class="punctuation token">.</SPAN>searchInCurrentMapExtent<SPAN class="punctuation token">,</SPAN>
              enableInfoWindow<SPAN class="punctuation token">:</SPAN> esriLang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">isDefined</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>showInfoWindowOnSelect<SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">?</SPAN>
                <SPAN class="operator token">!</SPAN><SPAN class="operator token">!</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>showInfoWindowOnSelect <SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN>
              showInfoWindowOnSelect<SPAN class="punctuation token">:</SPAN> esriLang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">isDefined</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>showInfoWindowOnSelect<SPAN class="punctuation token">)</SPAN> <SPAN class="operator token">?</SPAN>
                <SPAN class="operator token">!</SPAN><SPAN class="operator token">!</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>config<SPAN class="punctuation token">.</SPAN>showInfoWindowOnSelect <SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">true</SPAN><SPAN class="punctuation token">,</SPAN>
              _zoomScaleOfConfigSource<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>zoomScale<SPAN class="punctuation token">,</SPAN>
              _panToScale<SPAN class="punctuation token">:</SPAN> source<SPAN class="punctuation token">.</SPAN>panToScale<SPAN class="punctuation token">,</SPAN>
              highlightSymbol<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">SimpleMarkerSymbol</SPAN><SPAN class="punctuation token">(</SPAN>SimpleMarkerSymbol<SPAN class="punctuation token">.</SPAN>STYLE_CIRCLE<SPAN class="punctuation token">,</SPAN>
                <SPAN class="number token">20</SPAN><SPAN class="punctuation token">,</SPAN>
                <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">SimpleLineSymbol</SPAN><SPAN class="punctuation token">(</SPAN>SimpleLineSymbol<SPAN class="punctuation token">.</SPAN>STYLE_SOLID<SPAN class="punctuation token">,</SPAN>
                                     <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Color</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">255</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0.0</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
                                     <SPAN class="number token">2</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
                <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">Color</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN>
            <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>
<SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>