{"id":5815,"date":"2025-07-02T13:47:12","date_gmt":"2025-07-02T20:47:12","guid":{"rendered":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/?post_type=ht_kb&#038;p=5815"},"modified":"2025-08-14T15:51:22","modified_gmt":"2025-08-14T22:51:22","slug":"viewport","status":"publish","type":"ht_kb","link":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/","title":{"rendered":"Viewport"},"content":{"rendered":"\n<p>Some web pages that are not designed for small displays on mobile devices may be difficult for users to read or enter data.  An example is shown below.  The 'Viewport' feature addresses this scenario.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1.png\" alt=\"\" class=\"wp-image-5866\" width=\"426\" height=\"710\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1.png 568w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1-180x300.png 180w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1-30x50.png 30w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1-36x60.png 36w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1-60x100.png 60w\" sizes=\"(max-width: 426px) 100vw, 426px\" \/><figcaption>Viewport NOT Activated<\/figcaption><\/figure><\/div>\n\n\n\n<p>'Viewport' is activated within the 'Profiles' section of the SmartBrowser Configuration Tool and the SmartBrowser client by toggling the slider on for 'Insert viewport' as shown below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/08\/image.png\" alt=\"\" class=\"wp-image-6036\" width=\"502\" height=\"160\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/08\/image.png 669w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/08\/image-300x96.png 300w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/08\/image-50x16.png 50w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/08\/image-60x19.png 60w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/08\/image-100x32.png 100w\" sizes=\"(max-width: 502px) 100vw, 502px\" \/><\/figure><\/div>\n\n\n\n<p>When 'Viewport' is activated for a given Profile, a CSS injection is made automatically for Viewport, and the view is magnified at the cursor position, as shown in the example below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-145058-1.png\" alt=\"\" class=\"wp-image-5868\" width=\"415\" height=\"689\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-145058-1.png 553w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-145058-1-181x300.png 181w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-145058-1-30x50.png 30w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-145058-1-36x60.png 36w, https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-145058-1-60x100.png 60w\" sizes=\"(max-width: 415px) 100vw, 415px\" \/><figcaption>Viewport Activated<\/figcaption><\/figure><\/div>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Some web pages that are not designed for small displays on mobile devices may be difficult for users to read or enter data. An example is shown below. The 'Viewport' feature addresses this scenario. 'Viewport' is activated within the 'Profiles' section of the SmartBrowser Configuration Tool and the SmartBrowser client&#8230;<\/p>\n","protected":false},"author":8,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[57],"ht-kb-tag":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Viewport &ndash; StayLinked<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.staylinked.com\/knowledge-base\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Viewport &ndash; StayLinked\" \/>\n<meta property=\"og:description\" content=\"Some web pages that are not designed for small displays on mobile devices may be difficult for users to read or enter data. An example is shown below. The &#039;Viewport&#039; feature addresses this scenario. &#039;Viewport&#039; is activated within the &#039;Profiles&#039; section of the SmartBrowser Configuration Tool and the SmartBrowser client...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/\" \/>\n<meta property=\"og:site_name\" content=\"StayLinked\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-14T22:51:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1.png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/#website\",\"url\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/\",\"name\":\"StayLinked Knowledge Base\",\"description\":\"Partner Portal Resources and Support\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1.png\",\"contentUrl\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-content\/uploads\/2025\/07\/Screenshot-2025-07-06-141636-1.png\",\"width\":568,\"height\":946},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/#webpage\",\"url\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/\",\"name\":\"Viewport &ndash; StayLinked\",\"isPartOf\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/#primaryimage\"},\"datePublished\":\"2025-07-02T20:47:12+00:00\",\"dateModified\":\"2025-08-14T22:51:22+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/viewport\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/portal.staylinked.com\/sl\/kb_sb\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Viewport\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/ht-kb\/5815"}],"collection":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/comments?post=5815"}],"version-history":[{"count":5,"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/ht-kb\/5815\/revisions"}],"predecessor-version":[{"id":6037,"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/ht-kb\/5815\/revisions\/6037"}],"wp:attachment":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/media?parent=5815"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/ht-kb-category?post=5815"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb_sb\/wp-json\/wp\/v2\/ht-kb-tag?post=5815"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}