https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Responsiveness-of-widgets/m-p/868698#M61877 <P>Hi <SPAN style="background: var(--ck-color-mention-background); color: var(--ck-color-mention-text);"><a href="https://www.ptcusercommunity.com/t5/user/viewprofilepage/user-id/625441">@AC_10460579</a></SPAN>.</P> <P>&nbsp;</P> <P>How does it look if you try the "none" or "wrapped" options? &nbsp;You may have more luck creating multiple containers if you haven't already. &nbsp;Can you share the design elements so we have a better idea of what is happening?</P> <P>&nbsp;</P> <P>What version of ThingWorx are you running?</P> <P>&nbsp;</P> <P>Regards.</P> <P>&nbsp;</P> <P>--Sharon</P> Thu, 13 Apr 2023 14:16:14 GMT slangley 2023-04-13T14:16:14Z https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Responsiveness-of-widgets/m-p/863294#M61651 <P>&nbsp;If I fixed the container size than everything remain same in all resolution. to make it responsive I used the stretch container setting.</P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="AC_10460579_2-1679398072805.png" style="width: 400px;"><img src="https://www.ptcusercommunity.com/t5/image/serverpage/image-id/78402i8C8AB1D96726B5B7/image-size/medium?v=v2&amp;px=400" role="button" title="AC_10460579_2-1679398072805.png" alt="AC_10460579_2-1679398072805.png" /></span></P> <P>&nbsp;</P> <P>on normal laptop screen it looks like this.</P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="AC_10460579_0-1679397812279.png" style="width: 400px;"><img src="https://www.ptcusercommunity.com/t5/image/serverpage/image-id/78396i850220BA50DF5916/image-size/medium?v=v2&amp;px=400" role="button" title="AC_10460579_0-1679397812279.png" alt="AC_10460579_0-1679397812279.png" /></span></P> <P>&nbsp;</P> <P>On full it stretch properly as I want but <STRONG>screen get little disturb and dropdown size increase a little bit if I select anything.</STRONG></P> <P><span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="AC_10460579_1-1679397884073.png" style="width: 400px;"><img src="https://www.ptcusercommunity.com/t5/image/serverpage/image-id/78397i9EED5A6C091BA67F/image-size/medium?v=v2&amp;px=400" role="button" title="AC_10460579_1-1679397884073.png" alt="AC_10460579_1-1679397884073.png" /></span></P> <P>&nbsp;</P> <P>*I want to know how I make the whole screen responsive. at any resolution it will stretch accordingly.*</P> <P>specially the date and time picker&nbsp;&nbsp;</P> <P>&nbsp;</P> <P><FONT color="headerbuttontrackingcode">&nbsp;</FONT></P> <P><FONT color="headerbuttontrackingcode">&nbsp;</FONT></P> Wed, 22 Mar 2023 05:24:34 GMT https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Responsiveness-of-widgets/m-p/863294#M61651 AC_10460579 2023-03-22T05:24:34Z https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Responsiveness-of-widgets/m-p/868698#M61877 <P>Hi <SPAN style="background: var(--ck-color-mention-background); color: var(--ck-color-mention-text);"><a href="https://www.ptcusercommunity.com/t5/user/viewprofilepage/user-id/625441">@AC_10460579</a></SPAN>.</P> <P>&nbsp;</P> <P>How does it look if you try the "none" or "wrapped" options? &nbsp;You may have more luck creating multiple containers if you haven't already. &nbsp;Can you share the design elements so we have a better idea of what is happening?</P> <P>&nbsp;</P> <P>What version of ThingWorx are you running?</P> <P>&nbsp;</P> <P>Regards.</P> <P>&nbsp;</P> <P>--Sharon</P> Thu, 13 Apr 2023 14:16:14 GMT https://www.ptcusercommunity.com/t5/ThingWorx-Developers/Responsiveness-of-widgets/m-p/868698#M61877 slangley 2023-04-13T14:16:14Z