I'm using the JS 4.x API, and pushing a custom action to the popups via the well documented example. However, I would like the custom action to contain a form element. This was possible in the 3.x version of the API (see attached image for example). However in the 4.x version I'm unsure how this would work. I've tried:
<SPAN class="keyword token">var</SPAN> setCircleCenterAction <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
title<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Set search center at <input type='number' id='radius-small' size='40' value=20 min='0' max='100' /> miles"</SPAN><SPAN class="punctuation token">,</SPAN>
id<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"set-circle-center"</SPAN><SPAN class="punctuation token">,</SPAN>
className<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"glyphicon glyphicon-ok-sign"</SPAN>
<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>
mapView<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN>actions<SPAN class="punctuation token">.</SPAN><SPAN class="token function">push</SPAN><SPAN class="punctuation token">(</SPAN>setCircleCenterAction<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
mapView<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'trigger-action'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>event<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
console<SPAN class="punctuation token">.</SPAN><SPAN class="token function">log</SPAN><SPAN class="punctuation token">(</SPAN>event<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>But it doesn't produce the desired results - the title attribute is interpreted as text instead of HTML. Is there any way around this?