{"id":1465,"date":"2019-09-16T14:54:29","date_gmt":"2019-09-16T21:54:29","guid":{"rendered":"https:\/\/portal.staylinked.com\/sl\/kb\/?post_type=ht_kb&#038;p=1465"},"modified":"2025-04-02T17:31:42","modified_gmt":"2025-04-03T00:31:42","slug":"screen-reformatting-options","status":"publish","type":"ht_kb","link":"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/","title":{"rendered":"Screen Reformatting Options"},"content":{"rendered":"\n<p>When creating a\nreformatted screen, there are several different types of objects that can be\nplaced on the client presentation screen. These objects can include:<\/p>\n\n\n\n<h3><strong>Standard Emulation Objects<\/strong><\/h3>\n\n\n\n<ul><li><strong>Copy Block \u2013<\/strong> A direct copy of the text contents in a specific place on the host screen to the reformatted screen. These contents will adhere to standard telnet rules and work both with TE and SmartTE clients. Copy blocks are typically created by highlighting the original area of the host screen.<\/li><li><strong>Constant \u2013 <\/strong>Static text in standard TE format that remains the same no matter what is presented on the host screen. This allows you to add text to the screen that didn\u2019t already exist on the screen. As standard TE format, constants can be used with SmartTE and standard TE clients.<\/li><li><strong>Input Fields \u2013<\/strong> These vary depending on the type of emulation. 5250 and 3270 emulation provides the ability to have multiple input locations on the same screen. Each of these input locations can be added to the reformatted screen, or left off if they are of no use to the device users.<br>      <br>When users advance through reformatted screens, the actual host cursor      location can move to fields that are not presented to the user.  Input modifiers and cursor locations can be important in to make sure users are not entering data into a field they cannot see or should not have access to.<\/li><\/ul>\n\n\n\n<h3><strong>Graphical SmartTE Objects <\/strong>(includes standard objects above, plus)<strong>:<\/strong><\/h3>\n\n\n\n<ul><li><strong>Label \u2013<\/strong> Graphical Labels are static text that did not need to exist on the original screen. These labels differ from a constant in that they are not limited to fixed-width display of standard emulation. These labels can also follow emulation color types or RGB values.<\/li><li><strong>Button \u2013<\/strong> Buttons can help make input choices more obvious and help take advantage of the display area for input. StayLinked has included tap spots for years, but with SmartTE these tap spots become obvious input options to your users. Buttons are also automatically added to the SmartMenu list of available inputs. Buttons can be especially important to devices that no longer include a hardware keyboard and rely on on-screen keyboards that can take up emulation space.<\/li><li><strong>Image \u2013<\/strong> From company logos and banners to product examples, images can help make an application look more modern or help reduce user questions. Images are downloaded to clients from an image library, which is a configurable path for both the Server and Administrator\u2019s screen designer.<\/li><\/ul>\n\n\n\n<p>Starting with server release v16.1, the graphical label and button options now support the [newline] mnemonic to split text within the display of these elements. For example:<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"404\" height=\"183\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4.png\" alt=\"\" class=\"wp-image-5596\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4.png 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4-300x136.png 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4-50x23.png 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4-60x27.png 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4-100x45.png 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"67\" height=\"33\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-7.png\" alt=\"\" class=\"wp-image-5599\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-7.png 67w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-7-50x25.png 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-7-60x30.png 60w\" sizes=\"(max-width: 67px) 100vw, 67px\" \/><\/figure>\n\n\n\n<h2>Copy Block<\/h2>\n\n\n\n<p>Copy Blocks allow you to select display elements from the original screen for placement on the new screen. Simply click and drag around the desired area and a new dialogue appears to gather the details of the display element. Copy blocks are based on the screen position. This makes them useful for text that can change, showing the current host contents in the new area.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"404\" height=\"196\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-26.jpg\" alt=\"\" class=\"wp-image-1345\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-26.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-26-300x146.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-26-50x24.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-26-60x29.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-26-100x49.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p>The copy block dialogue includes the following options:<\/p>\n\n\n\n<p><strong>Row and Column \u2013<\/strong> Set the position on the reformatted screen\nbased on the upper-left corner of the copy block.<\/p>\n\n\n\n<p><strong>Height and Width \u2013<\/strong> Set the size of the copy block. Copy blocks\ncan include multiple rows and columns, allowing large sections of the host\nscreen to be copied to the reformatted screen.<\/p>\n\n\n\n<p><strong>Host Row and Host Column \u2013<\/strong> Sets the location on the host screen of the\ncopy block. This allows for easy adjustment if the original area was missed\nduring selection.<\/p>\n\n\n\n<p><strong>Forecolor \u2013<\/strong> Sets the text color, which can include\nstandard telnet colors or continue with the colors presented by the host.<\/p>\n\n\n\n<p><strong>Backcolor \u2013<\/strong> Sets the background color, which is\ntypically a high-contrast color to the text color to allow for good visibility\nin any light conditions.<\/p>\n\n\n\n<p><strong>Attributes \u2013<\/strong> These can include the attributes included\nby the host, or change the test to bold, underline, blinking and\/or italic.<\/p>\n\n\n\n<p><strong>Tap Script \u2013<\/strong> Allows the text block to perform a script when tapped or clicked by the user.<\/p>\n\n\n\n<p><strong>Apply SmartTE \u2013<\/strong> This option will allow standard tap spot collections to apply to the copy block, turning any strings that qualify into SmartTE buttons as they would on a dynamic SmartTE screen. <\/p>\n\n\n\n<h2>Constants<\/h2>\n\n\n\n<p>Constants are static text that might not have been part of the original screen. They are added by right clicking in the preview area and selecting Add &gt; Constant. Since constants are not pulled from the host screen, they do not offer the HOST options for formatting and attributes.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"404\" height=\"171\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-27.jpg\" alt=\"\" class=\"wp-image-1347\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-27.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-27-300x127.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-27-50x21.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-27-60x25.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-27-100x42.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p>Other than the missing host components, these options behave the same as the options available in a copy block.<\/p>\n\n\n\n<h2>Input Fields<\/h2>\n\n\n\n<p>In 5250 and 3270, Right click on a field in the original screen map to add that input field to your reformatted screen. Fields are copied using a direct mapping, and cannot be broken into multiple fields or combined. Right clicking in the redesign screen will not prompt for Input Fields when reformatting 5250 emulation screens.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"630\" height=\"438\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-28.jpg\" alt=\"\" class=\"wp-image-1348\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-28.jpg 630w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-28-300x209.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-28-50x35.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-28-60x42.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-28-100x70.jpg 100w\" sizes=\"(max-width: 630px) 100vw, 630px\" \/><\/figure>\n\n\n\n<p>In VT emulation, representation of input locations is cosmetic and is identified by the cursor input position. StayLinked can represent these are multiple fields but it\u2019s up to the host to accept the input location or use expected host commands to move between input locations.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"404\" height=\"199\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/08\/Screen-Recogintion-41.jpg\" alt=\"\" class=\"wp-image-2741\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/08\/Screen-Recogintion-41.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/08\/Screen-Recogintion-41-300x148.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/08\/Screen-Recogintion-41-50x25.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/08\/Screen-Recogintion-41-60x30.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/08\/Screen-Recogintion-41-100x49.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p>The options in this dialogue are much like the others in which you can set display options and colors. Most important are the Host Row and Host Column settings, which work with the Input Length to determine the location inputs will be submitted to your telnet host. <\/p>\n\n\n\n<p>Added in v15.0 build 208 and newer, two options allow you to specify field colors using the sample button in the same method as buttons, and the ghost text option, which pre-fills data similar to a watermark until replaced by the user. Server build 214 and newer no longer removes leading spaces in case you want to pad the placement for a more centered display.<\/p>\n\n\n\n<h2>Label<\/h2>\n\n\n\n<p>A graphical label is nearly the same as a constant. Constants and labels\nare both screen text with the exception that graphical labels are not limited\nto true-type fixed-width text and include a wide range of customization. <\/p>\n\n\n\n<p>Setting a foreground and background color can use the standard emulation colors or take advantage of RGB colors using the RGB color option for foreground. Graphical labels are limited to standard background colors or a transparent background that will display the current background color or image for that area of the display.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"404\" height=\"199\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-29.jpg\" alt=\"\" class=\"wp-image-1350\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-29.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-29-300x148.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-29-50x25.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-29-60x30.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-29-100x49.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"377\" height=\"269\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-30.jpg\" alt=\"\" class=\"wp-image-1351\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-30.jpg 377w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-30-300x214.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-30-50x36.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-30-60x43.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-30-100x71.jpg 100w\" sizes=\"(max-width: 377px) 100vw, 377px\" \/><\/figure>\n\n\n\n<p>The label dialogue includes the following configuration options:<\/p>\n\n\n\n<p><strong>Row and Column \u2013<\/strong> Set the position on the reformatted screen\nbased on the upper-left corner of the label.<\/p>\n\n\n\n<p><strong>Height and Width \u2013<\/strong> Set the size of the label. Labels can\ninclude multiple rows and columns, and will stretch to fit the label area\nallowing for large text format.<\/p>\n\n\n\n<p><strong>Forecolor \u2013<\/strong> Sets the text color, which can include\nstandard telnet colors or RGB for custom colors using RGB color values. Setting\nRGB will display the Pick RGB color box under the cancel key.<\/p>\n\n\n\n<p><strong>Backcolor \u2013<\/strong> Sets the background color to a standard\ntelnet color or transparent to maintain the original color or background image\nfor that area of the screen.<\/p>\n\n\n\n<p><strong>Alignment \u2013<\/strong> Set the label contents to left, center or\nright aligned.<\/p>\n\n\n\n<p><strong>Attributes \u2013<\/strong> These can include the standard text or use\nthe bold and italic attributes.<\/p>\n\n\n\n<p><strong>Label Text \u2013<\/strong> This includes the text to fit in the label area. Please note that variables can be used to capture screen contents and turn them into a label format. Variables are entered by typing the variable name with percent symbols at the beginning and end. Note that Server v15.4 and newer releases preserve leading and trailing spaces to allow for custom positioning. Prior releases would automatically trim spaces at the beginning and end of any label string.<\/p>\n\n\n\n<p><strong>Tap Script \u2013<\/strong> Allows the label to perform a script when\ntapped or clicked by the user.<\/p>\n\n\n\n<p><strong>Fonts \u2013<\/strong> Set custom fonts based on device type.<\/p>\n\n\n\n<p>Clients can display standard emulation screens in any true-type fixed-width font, but graphical labels can display any font on the device. The font will default to the client font, unless configured with a replacement for each device type. Using a wildcard of * will help limit the number of entries required for different device types. In the example below, only the Broadway font would be used on this label, since it applies to all Smart TE devices. Devices that do not have this font available will revert to the default font. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img loading=\"lazy\" width=\"290\" height=\"215\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-31.jpg\" alt=\"\" class=\"wp-image-1352\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-31.jpg 290w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-31-50x37.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-31-60x44.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-31-100x74.jpg 100w\" sizes=\"(max-width: 290px) 100vw, 290px\" \/><\/figure><\/div>\n\n\n\n<p>In order for the designer to show custom fonts, you must add a device type [designer] with the desired value. Without this tag, the designer will continue to display the standard fonts. Fonts selected for display must also be available on the devices that will display these screens, so font files may need to be distributed to devices if the font is specific to your configuration. <\/p>\n\n\n\n<h2>Button<\/h2>\n\n\n\n<p>Buttons are actionable objects, displayed with configurable background, text and border colors. Creating buttons on a reformatted screen can be a critical part of reducing user input errors. Buttons can be created to allow for larger area or gaps to reduce the occurrence of invalid entries.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"516\" height=\"239\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-32.jpg\" alt=\"\" class=\"wp-image-1353\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-32.jpg 516w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-32-300x139.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-32-50x23.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-32-60x28.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-32-100x46.jpg 100w\" sizes=\"(max-width: 516px) 100vw, 516px\" \/><\/figure>\n\n\n\n<p>Right clicking the sample button will provide menu\noptions.<\/p>\n\n\n\n<p>The button dialogue includes the following configuration options:<\/p>\n\n\n\n<p><strong>Row and Column \u2013<\/strong> Set the position on the reformatted screen\nbased on the upper-left corner of the button.<\/p>\n\n\n\n<p><strong>Height and Width \u2013<\/strong> Set the size of the button. Buttons can\ninclude multiple rows and columns, and will stretch to fit the area.<\/p>\n\n\n\n<p><strong>Regex \u2013<\/strong> Included out of order because the regular\nexpression depends on host screen contents. If a regular expression is included\nin this dialogue, the regex is applied to the screen position to determine if\nthe button should be presented.<\/p>\n\n\n\n<p><strong>Host Row and Host Column \u2013<\/strong> Sets the location of the regular expression\nprocessing on the host screen.<\/p>\n\n\n\n<p><strong>Caption \u2013<\/strong> Enter the label to be displayed on the\nbutton to describe the action the button provides.<\/p>\n\n\n\n<p><strong>Script \u2013<\/strong> The action script to be executed when the\nbutton is used.<\/p>\n\n\n\n<p>Button display Settings<\/p>\n\n\n\n<p><strong>Background Color \u2013<\/strong> Sets the background color using the RGB\ncolor picker, or select \u2018use last\u2019 to repeat the previous color.<\/p>\n\n\n\n<p><strong>Caption Color \u2013<\/strong> Sets the text color using the RGB color\npicker.<\/p>\n\n\n\n<p><strong>Border Color \u2013<\/strong> Sets the button border color using the RGB\ncolor picker. Client settings can be used to change the size of the button\nborder if desired.<\/p>\n\n\n\n<p><strong>Alignment \u2013<\/strong> Set the caption to left, center or right\naligned on the button area.<\/p>\n\n\n\n<p><strong>Restore Defaults \u2013 <\/strong>Sets the button properties back to the\ndefault values.<\/p>\n\n\n\n<p>The Regex and Host Row\/Column positions allow for contextual\ndisplay of buttons. If the conditions of the regular expression are met at the\nhost position, then the button will be displayed. This allows you to show or\nhide a button based on the screen contents. Buttons cannot overlap, but you may\nhave multiple buttons that display or hide based on the contents of the same\nhost display location. It\u2019s important to note that the host position are based\non the original screen contents, not the screen being displayed to the client.<\/p>\n\n\n\n<p>Conditional buttons that do not meet the regular expression criteria will not be displayed on the device and will show as a white box with a red X in the designed. This same box displays for images that could not be found by the designer.<\/p>\n\n\n\n<h2>Images<\/h2>\n\n\n\n<p>There are many different reasons for the use of image files. These range from product examples, company logos, or screen backgrounds. Dynamic reformatting supports the use of a single image as a background, with a control for opacity to fade the image as a watermark. In screen reformatting, images can be used to greatly change the style of the screens presented to the device users. Using images can result in an application that no longer looks remotely like telnet, and could look more like a smartphone application. <\/p>\n\n\n\n<p>Adding images to a reformatted screen requires the image to exist in two places. The StayLinked Administrator has an images directory for use by the designer. The StayLinked Server distributes images from the images folder of the StayLinked Server. Creating a shared library for images can be accomplished by setting the same image path to a network location accessible by the Server, Administrator and Client devices. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"385\" height=\"271\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-33.jpg\" alt=\"\" class=\"wp-image-1354\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-33.jpg 385w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-33-300x211.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-33-50x35.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-33-60x42.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-33-100x70.jpg 100w\" sizes=\"(max-width: 385px) 100vw, 385px\" \/><\/figure>\n\n\n\n<p>Image file locations are configured in the Manage Screen Recognition main screen must be manually copied to the Server or URL source directory. Images that are not available to the Administrator will display a red X image with white background in the preview indicating that the Administrator cannot display the image. If an image path is set, you can enter the %networkimagepath% variable with any image file name to properly reference the file.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"373\" height=\"159\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-34.jpg\" alt=\"\" class=\"wp-image-1355\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-34.jpg 373w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-34-300x128.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-34-50x21.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-34-60x26.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-34-100x43.jpg 100w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/><figcaption><br><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"373\" height=\"159\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-35.jpg\" alt=\"\" class=\"wp-image-1356\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-35.jpg 373w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-35-300x128.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-35-50x21.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-35-60x26.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-35-100x43.jpg 100w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/><\/figure>\n\n\n\n<h3>Hosting Images with StayLinked iQ<\/h3>\n\n\n\n<p>With the addition of StayLinked iQ, the StayLinked Server includes the ability to host an HTML page. This HTTP source location makes an excellent image library location. This option may be disabled, requiring that the StayLinked iQ Tech Preview feature is enabled for the folder to be available.<\/p>\n\n\n\n<p>The IP address of the server would be part of the address entered into the screen recognition dialogue. For example, if your StayLinked server was IP <em>192.168.100.25<\/em> hosting back.jpg the URL would be:<br>http:\/\/<em>192.168.100.25<\/em>:3006\/back.jpg<\/p>\n\n\n\n<p>The file would be placed on the StayLinked server in the iQ folder:<br>C:\\Program Files\\Stay-Linked\\iq\\back.jpg<\/p>\n\n\n\n<h3><strong>Image files cannot be hosted from an HTTPS source.<\/strong><\/h3>\n\n\n\n<p>Adding images to your reformatted screen can be done by right clicking in the reformatted screen.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"404\" height=\"181\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-36.jpg\" alt=\"\" class=\"wp-image-1357\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-36.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-36-300x134.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-36-50x22.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-36-60x27.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-36-100x45.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p>The image dialogue includes the following configuration options:<\/p>\n\n\n\n<p><strong>Row and Column \u2013<\/strong> Set the position on the reformatted screen\nbased on the upper-left corner of the image.<\/p>\n\n\n\n<p><strong>Height and Width \u2013<\/strong> Set the size of the image. Images can\ninclude multiple rows and columns, presenting differently based on the fit\noptions that are selected. Images will maintain their original aspect radio and\nwill display differently on devices with different screen resolutions.<\/p>\n\n\n\n<p><strong>Horizontal Alignment \u2013<\/strong> Click to set the horizontal positioning to\nleft, right, center or stretch. The red line will show the position selected as\na straight line, or bar with blocks at each end for stretch.<\/p>\n\n\n\n<p><strong>Vertical Alignment \u2013<\/strong> Click to set the vertical positioning to\ntop, bottom, center or stretch. The red line will show the position selected as\na straight line, or bar with blocks at each end for stretch.<\/p>\n\n\n\n<p><strong>Border Color \u2013<\/strong> Select the image border color to include a\nthin border around the image. Color options are limited to standard telnet\ncolors.<\/p>\n\n\n\n<p><strong>Image File \u2013<\/strong> Enter the name and path of the image file.\nThis value must be available from each source or the file will not be able to\nbe displayed in all instances.<\/p>\n\n\n\n<p><strong>Tap Script \u2013<\/strong> Allows the text block to perform a script when tapped or clicked by the user.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" width=\"331\" height=\"382\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-37.jpg\" alt=\"\" class=\"wp-image-1358\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-37.jpg 331w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-37-260x300.jpg 260w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-37-43x50.jpg 43w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-37-52x60.jpg 52w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-37-87x100.jpg 87w\" sizes=\"(max-width: 331px) 100vw, 331px\" \/><\/figure><\/div>\n\n\n\n<p>This image to the left provides an example of the various combinations\nof alignment at stretch-to-fit.<\/p>\n\n\n\n<p>Vertical alignments are listed along the left and the horizontal options\nrun from left to right.<\/p>\n\n\n\n<p>Each box contains the same small rounded rectangle image, aligned or stretched to occupy a black box as it might appear in the screen design tool.<br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" width=\"44\" height=\"44\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-38.jpg\" alt=\"\" class=\"wp-image-1359\"\/><\/figure><\/div>\n\n\n\n<p>Image actual Size<\/p>\n\n\n\n<p><br>As you can see, maintaining the original aspect ratio of an image can be important to maintain the shape and style of that image. Edges of your image may be lost if the aspect ratio is configured to fit one dimension but not the other.<\/p>\n\n\n\n<h2>Unicode and FontAwesome<\/h2>\n\n\n\n<p>StayLinked SmartTE labels and\nbuttons support the use of Unicode range glyphs within FontAwesome. This can\nhelp reduce the overhead of graphical elements by using them from a font file. When\nusing the Unicode values, the font file with the desired glyphs must be\nincluded on remote devices. The StayLinked Administrator automatically supports\nFontAwesome, turning any private use range Unicode values directly into the\nFontAwesome glyph.<\/p>\n\n\n\n<p>A list of available glyphs is best viewed using the Windows Character Map. This can be run by selecting typing charmap into the Windows start menu, open the character map program and then selecting the desired font. This displays a list of glyphs that appear in the font, and you can see the ASCII\/Unicode value for each glyph from the tooltip or at the bottom of the window in the status bar after selecting a character. The current StayLinked Administrator installation package will automatically install the FontAwesome font.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"476\" height=\"507\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-39.jpg\" alt=\"\" class=\"wp-image-1360\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-39.jpg 476w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-39-282x300.jpg 282w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-39-47x50.jpg 47w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-39-56x60.jpg 56w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-39-94x100.jpg 94w\" sizes=\"(max-width: 476px) 100vw, 476px\" \/><\/figure>\n\n\n\n<h3><strong>Using FontAwesome in Graphical Labels:<\/strong><\/h3>\n\n\n\n<p>Enter the Unicode value by using the uni mnemonic. For example, the Facebook icon in the image above is F230. You can use this is StayLinked by entering [uni F230] in your graphical label. When using a graphical label, each device type must specify the desired font and that font must exist on the device. Note that you can use a wildcard to cover multiple device types.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"341\" height=\"162\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-40.jpg\" alt=\"\" class=\"wp-image-1361\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-40.jpg 341w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-40-300x143.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-40-50x24.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-40-60x29.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/Screen-Recogintion-40-100x48.jpg 100w\" sizes=\"(max-width: 341px) 100vw, 341px\" \/><\/figure>\n\n\n\n<p>This means that different device\ntypes can use different fonts to display the same label. If the font on the\ndevice does not contain a character, the device will revert to the default\nsubstitution font.<\/p>\n\n\n\n<p>Be sure to copy existing labels if\nyou want to copy the font selection, this prevents having to enter these values\nin each label.<\/p>\n\n\n\n<h3><strong>Using Unicode Characters or FontAwesome in Graphical Buttons:<\/strong><\/h3>\n\n\n\n<p>As with graphical labels above, buttons can use the [uni ####] mnemonic to specify the Unicode value for the desired Unicode glyphs in graphical buttons. The graphical button will detect Unicode values in the FontAwesome private block range and automatically switch the font to FontAwesome. As wil the hex mnemonic and labels above, multiple characters can string together in a single mnemonic without needs to restart the mnemonic. For example, [uni F2300020F230] which is two Facebook logos with a space in between.<\/p>\n\n\n\n<h3><strong>Here are some examples and the resulting buttons.<\/strong><\/h3>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" width=\"404\" height=\"183\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome1.jpg\" alt=\"\" class=\"wp-image-1362\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome1.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome1-300x136.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome1-50x23.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome1-60x27.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome1-100x45.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"59\" height=\"35\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome2.jpg\" alt=\"\" class=\"wp-image-1363\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome2.jpg 59w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome2-50x30.jpg 50w\" sizes=\"(max-width: 59px) 100vw, 59px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" width=\"404\" height=\"183\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome3.jpg\" alt=\"\" class=\"wp-image-1364\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome3.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome3-300x136.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome3-50x23.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome3-60x27.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome3-100x45.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"60\" height=\"36\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome4.jpg\" alt=\"\" class=\"wp-image-1365\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome4.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome4-50x30.jpg 50w\" sizes=\"(max-width: 60px) 100vw, 60px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" width=\"404\" height=\"183\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome5.jpg\" alt=\"\" class=\"wp-image-1366\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome5.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome5-300x136.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome5-50x23.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome5-60x27.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome5-100x45.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"126\" height=\"44\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome6.jpg\" alt=\"\" class=\"wp-image-1368\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome6.jpg 126w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome6-50x17.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome6-60x21.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome6-100x35.jpg 100w\" sizes=\"(max-width: 126px) 100vw, 126px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" width=\"404\" height=\"183\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome7.jpg\" alt=\"\" class=\"wp-image-1369\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome7.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome7-300x136.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome7-50x23.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome7-60x27.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome7-100x45.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"126\" height=\"42\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome8.jpg\" alt=\"\" class=\"wp-image-1370\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome8.jpg 126w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome8-50x17.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome8-60x20.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/FontAwesome8-100x33.jpg 100w\" sizes=\"(max-width: 126px) 100vw, 126px\" \/><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>When creating a reformatted screen, there are several different types of objects that can be placed on the client presentation screen. These objects can include: Standard Emulation Objects Copy Block \u2013 A direct copy of the text contents in a specific place on the host screen to the reformatted screen&#8230;.<\/p>\n","protected":false},"author":7,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":[],"ht-kb-category":[42],"ht-kb-tag":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v16.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Screen Reformatting Options &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=\"Screen Reformatting Options &ndash; StayLinked\" \/>\n<meta property=\"og:description\" content=\"When creating a reformatted screen, there are several different types of objects that can be placed on the client presentation screen. These objects can include: Standard Emulation Objects Copy Block \u2013 A direct copy of the text contents in a specific place on the host screen to the reformatted screen....\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/\" \/>\n<meta property=\"og:site_name\" content=\"StayLinked\" \/>\n<meta property=\"article:modified_time\" content=\"2025-04-03T00:31:42+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4.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=\"19 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\/#website\",\"url\":\"https:\/\/portal.staylinked.com\/sl\/kb\/\",\"name\":\"StayLinked Knowledge Base\",\"description\":\"Partner Portal Resources and Support\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":\"https:\/\/portal.staylinked.com\/sl\/kb\/?s={search_term_string}\",\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4.png\",\"contentUrl\":\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2025\/04\/image-4.png\",\"width\":404,\"height\":183},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/#webpage\",\"url\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/\",\"name\":\"Screen Reformatting Options &ndash; StayLinked\",\"isPartOf\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/#primaryimage\"},\"datePublished\":\"2019-09-16T21:54:29+00:00\",\"dateModified\":\"2025-04-03T00:31:42+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/screen-reformatting-options\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/portal.staylinked.com\/sl\/kb\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Articles\",\"item\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Screen Reformatting Options\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb\/1465"}],"collection":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/comments?post=1465"}],"version-history":[{"count":6,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb\/1465\/revisions"}],"predecessor-version":[{"id":5600,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb\/1465\/revisions\/5600"}],"wp:attachment":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/media?parent=1465"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb-category?post=1465"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb-tag?post=1465"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}