symbolPreview not working

Blanca_FlorHabana_Matamoros

I try to add the symbols obtained from the map layers in a div, I'm using symbolPreview does not give any errors but does not add the symbols in the div.
What is wrong?

var symbol = drawingInfo.renderer; symbolPreview.renderPreviewHTML(symbol, { node: document.getElementById(nombreImg), size: 12, opacity: 1 });

RobertScheitlin__GISP

Blanca,

   So if you are using esriRequest to get the drawingInfo then it is just a json string and not an actual esri renderer or symbol class. So you would use:

<SPAN class="token function">require</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN><SPAN class="string token">"esri/symbols/SimpleFillSymbol"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>SimpleFillSymbol<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp; <SPAN class="keyword token">var</SPAN> sym <SPAN class="operator token">=</SPAN> SimpleFillSymbol<SPAN class="punctuation token">.</SPAN><SPAN class="token function">fromJSON</SPAN><SPAN class="punctuation token">(</SPAN>‍drawingInfo<SPAN class="punctuation token">.</SPAN>renderer<SPAN class="punctuation token">.</SPAN>symbol<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>‍
&nbsp; symbolPreview<SPAN class="punctuation token">.</SPAN><SPAN class="token function">renderPreviewHTML</SPAN><SPAN class="punctuation token">(</SPAN>sym<SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp;&nbsp; node<SPAN class="punctuation token">:</SPAN> document<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getElementById</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"symDiv"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp;&nbsp; size<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">50</SPAN>
&nbsp; <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>

Don't forget to mark this question as answered by clicking on the "Mark Correct" link on the reply that answered your question.