topic Resizing Dojox DataGrid in Web AppBuilder Custom Widgets Questions https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/resizing-dojox-datagrid/m-p/864137#M12113 <HTML><HEAD></HEAD><BODY><P>Hello,&nbsp;</P><P></P><P>I need help on resizing datagrid as shown below. I need the grid to resize&nbsp;on its own when the parent container (widget) is resized.&nbsp;</P><P><IMG class="image-1 jive-image" src="https://community.esri.com/legacyfs/online/422128_pastedImage_3.png" /></P><P></P><P>I've tried dojo.connect to connect to window which works. But when I changed to mygrid, it failed.&nbsp;&nbsp;</P><DIV style="color: #d4d4d4; background-color: #1e1e1e; font-weight: normal; font-size: 14px;"><DIV><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #569cd6;">function</SPAN><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #dcdcaa;">resizeGrid</SPAN><SPAN style="color: #d4d4d4;">() {</SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> </SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #4ec9b0;">console</SPAN><SPAN style="color: #d4d4d4;">.</SPAN><SPAN style="color: #dcdcaa;">log</SPAN><SPAN style="color: #d4d4d4;">(</SPAN><SPAN style="color: #ce9178;">"heightcontainer:"</SPAN><SPAN style="color: #d4d4d4;"> )</SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> }</SPAN></DIV><P></P><DIV><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #9cdcfe;">dojo</SPAN><SPAN style="color: #d4d4d4;">.</SPAN><SPAN style="color: #dcdcaa;">add"color: #d4d4d4;"&gt;(</SPAN><SPAN style="color: #569cd6;">function</SPAN><SPAN style="color: #d4d4d4;">() {</SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #9cdcfe;">dojo</SPAN><SPAN style="color: #d4d4d4;">.</SPAN><SPAN style="color: #dcdcaa;">connect</SPAN><SPAN style="color: #d4d4d4;">(</SPAN><SPAN style="color: #9cdcfe;">mygrid</SPAN><SPAN style="color: #d4d4d4;">, </SPAN><SPAN style="color: #ce9178;">""</SPAN><SPAN style="color: #d4d4d4;">, </SPAN><SPAN style="color: #9cdcfe;">resizeGrid</SPAN><SPAN style="color: #d4d4d4;">);</SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> });</SPAN></DIV></DIV><P></P><P>Thanks in advance&nbsp;</P><P>Chepez</P></BODY></HTML> Sun, 16 Sep 2018 10:24:10 GMT LopezChepez 2018-09-16T10:24:10Z Resizing Dojox DataGrid https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/resizing-dojox-datagrid/m-p/864137#M12113 <HTML><HEAD></HEAD><BODY><P>Hello,&nbsp;</P><P></P><P>I need help on resizing datagrid as shown below. I need the grid to resize&nbsp;on its own when the parent container (widget) is resized.&nbsp;</P><P><IMG class="image-1 jive-image" src="https://community.esri.com/legacyfs/online/422128_pastedImage_3.png" /></P><P></P><P>I've tried dojo.connect to connect to window which works. But when I changed to mygrid, it failed.&nbsp;&nbsp;</P><DIV style="color: #d4d4d4; background-color: #1e1e1e; font-weight: normal; font-size: 14px;"><DIV><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #569cd6;">function</SPAN><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #dcdcaa;">resizeGrid</SPAN><SPAN style="color: #d4d4d4;">() {</SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> </SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #4ec9b0;">console</SPAN><SPAN style="color: #d4d4d4;">.</SPAN><SPAN style="color: #dcdcaa;">log</SPAN><SPAN style="color: #d4d4d4;">(</SPAN><SPAN style="color: #ce9178;">"heightcontainer:"</SPAN><SPAN style="color: #d4d4d4;"> )</SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> }</SPAN></DIV><P></P><DIV><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #9cdcfe;">dojo</SPAN><SPAN style="color: #d4d4d4;">.</SPAN><SPAN style="color: #dcdcaa;">add"color: #d4d4d4;"&gt;(</SPAN><SPAN style="color: #569cd6;">function</SPAN><SPAN style="color: #d4d4d4;">() {</SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> </SPAN><SPAN style="color: #9cdcfe;">dojo</SPAN><SPAN style="color: #d4d4d4;">.</SPAN><SPAN style="color: #dcdcaa;">connect</SPAN><SPAN style="color: #d4d4d4;">(</SPAN><SPAN style="color: #9cdcfe;">mygrid</SPAN><SPAN style="color: #d4d4d4;">, </SPAN><SPAN style="color: #ce9178;">""</SPAN><SPAN style="color: #d4d4d4;">, </SPAN><SPAN style="color: #9cdcfe;">resizeGrid</SPAN><SPAN style="color: #d4d4d4;">);</SPAN></DIV><DIV><SPAN style="color: #d4d4d4;"> });</SPAN></DIV></DIV><P></P><P>Thanks in advance&nbsp;</P><P>Chepez</P></BODY></HTML> Sun, 16 Sep 2018 10:24:10 GMT https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/resizing-dojox-datagrid/m-p/864137#M12113 LopezChepez 2018-09-16T10:24:10Z Re: Resizing Dojox DataGrid https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/resizing-dojox-datagrid/m-p/864138#M12114 <HTML><HEAD></HEAD><BODY><P><SPAN style="background-color: #ffffff;">Chepez,</SPAN></P><P></P><P><SPAN style="background-color: #ffffff;">&nbsp; Dojo connect has been depreciated for years now. You need to be using <A href="https://dojotoolkit.org/reference-guide/1.10/dojo/on.html">Dojo on</A>. Also you have to specify what event you are listening for when using connect or on</SPAN></P><PRE class="language-javascript line-numbers"><CODE><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN>mygrid<SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"resize"</SPAN><SPAN class="punctuation token">,</SPAN>‍ resizeGrid<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN></SPAN></CODE></PRE></BODY></HTML> Sun, 16 Sep 2018 21:00:16 GMT https://community.esri.com/t5/web-appbuilder-custom-widgets-questions/resizing-dojox-datagrid/m-p/864138#M12114 RobertScheitlin__GISP 2018-09-16T21:00:16Z