https://community.telligent.com/community/11/w/developer-training/65052/responsive-designen-US14.0.0.586 14https://community.telligent.com/community/11/w/developer-training/65052/responsive-designWed, 05 Aug 2020 15:00:24 GMTb4a98325-f6bf-43a7-b7cc-47d0dd239faeFormer Memberhttps://community.telligent.com/community/11/w/developer-training/65052/responsive-design#commentsCurrent Revision posted to Developer Training by Former Member on 08/05/2020 15:00:24<br /> <p>Verint Community has built-in support for <a href="https://en.wikipedia.org/wiki/Responsive_web_design">responsive design</a> within the web UI. The default theme, Social, supports responsive behaviors that can be configured via page editing and utilized in [[Widgets|custom widget development]].</p> <p>Responsive design is a technique where the same HTML and server implementation is adjusted for mobile devices using client-side behaviors. Some examples of responsive design within Verint Community include:</p> <ul> <li>Reflowing the page layout to a single column view based on widget-instance-specific responsive behavior configuration for small mobile devices.</li> <li>Consolidating mouse- and touch- events into a comprehensive set of events.</li> <li>Adjustments to large tables and preformatted text to become scrollable when larger than the browser&#39;s window (device screen size).</li> <li>Adjustments to images, videos, and other embedded content to fit within the browser&#39;s window (device screen size).</li> <li>Support for serving device-specific pixel-depth resized images.</li> </ul> <p><a href="/cfs-file/__key/communityserver-wikis-components-files/00-00-00-12-83/7178.png"><img alt=" " src="/resized-image/__size/1040x0/__key/communityserver-wikis-components-files/00-00-00-12-83/7178.png" /><br /></a><em>Responsive view of the same forum thread on a desktop browser, iPad, and iPhone.</em></p> <p>For more information on using responsive options within the main web UI, see [[Widgets]] and [[Themes]].&nbsp;</p> <h2></h2><div style="clear:both;"></div> <div style="font-size: 90%;">Tags: mobile</div> https://community.telligent.com/community/11/w/developer-training/65052/responsive-design/revision/1Thu, 20 Jun 2019 20:13:47 GMTb4a98325-f6bf-43a7-b7cc-47d0dd239faeBen Tiedthttps://community.telligent.com/community/11/w/developer-training/65052/responsive-design#commentsRevision 1 posted to Developer Training by Ben Tiedt on 06/20/2019 20:13:47<br /> <p>Telligent Community has built-in support for <a href="https://en.wikipedia.org/wiki/Responsive_web_design">responsive design</a> within the web UI. The default theme, Social, supports responsive behaviors that can be configured via page editing and utilized in [[Widgets|custom widget development]].</p> <p>Responsive design is a technique where the same HTML and server implementation is adjusted for mobile devices using client-side behaviors. Some examples of responsive design within Telligent Community include:</p> <ul> <li>Reflowing the page layout to a single column view based on widget-instance-specific responsive behavior configuration for small mobile devices.</li> <li>Consolidating mouse- and touch- events into a comprehensive set of events.</li> <li>Adjustments to large tables and preformatted text to become scrollable when larger than the browser&#39;s window (device screen size).</li> <li>Adjustments to images, videos, and other embedded content to fit within the browser&#39;s window (device screen size).</li> <li>Support for serving device-specific pixel-depth resized images.</li> </ul> <p><a href="/cfs-file/__key/communityserver-wikis-components-files/00-00-00-12-83/7178.png"><img alt=" " src="/resized-image/__size/1040x0/__key/communityserver-wikis-components-files/00-00-00-12-83/7178.png" /><br /></a><em>Responsive view of the same forum thread on a desktop browser, iPad, and iPhone.</em></p> <p>For more information on using responsive options within the main web UI, see [[Widgets]] and [[Themes]].&nbsp;</p> <h2></h2><div style="clear:both;"></div> <div style="font-size: 90%;">Tags: mobile</div>