{"id":1454,"date":"2019-09-16T13:37:40","date_gmt":"2019-09-16T20:37:40","guid":{"rendered":"https:\/\/portal.staylinked.com\/sl\/kb\/?post_type=ht_kb&#038;p=1454"},"modified":"2023-07-06T13:29:48","modified_gmt":"2023-07-06T20:29:48","slug":"smartte-dynamic-graphical-elements","status":"publish","type":"ht_kb","link":"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/smartte-dynamic-graphical-elements\/","title":{"rendered":"SmartTE Dynamic Graphical Elements"},"content":{"rendered":"\n<p>One of the features added in version 14.0 is the option to automatically represent standard telnet in a graphical version. These automated features do not have the wide range of options provided in the custom reformatting features, but can be used to help augment or automate the graphical display using various criteria. Dynamic formatting options are available in the telnet host entry, as well as the option to specify a \u201ctap spots collection\u201d described later in this section. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"395\" height=\"641\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1.jpg\" alt=\"\" class=\"wp-image-1388\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1.jpg 395w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1-185x300.jpg 185w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1-31x50.jpg 31w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1-37x60.jpg 37w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1-62x100.jpg 62w\" sizes=\"(max-width: 395px) 100vw, 395px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"495\" height=\"280\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic2.jpg\" alt=\"\" class=\"wp-image-1390\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic2.jpg 495w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic2-300x170.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic2-50x28.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic2-60x34.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic2-100x57.jpg 100w\" sizes=\"(max-width: 495px) 100vw, 495px\" \/><\/figure>\n\n\n\n<p>The following\nconfiguration options are available within dynamic SmartTE configuration:<\/p>\n\n\n\n<ul><li>Make tap-able text items appear as a button with Tap Sport Collections and Graphical Tap Spots.<\/li><li>Show fields as an input box instead of underscore characters.<\/li><li>Use a graphical version of the OIA instead of the text-based square brackets.<\/li><li>Set background and foreground colors or a background image.<\/li><\/ul>\n\n\n\n<p>While most of these options are simple enabled\/disabled options, there are several customization choices within some of the categories. <\/p>\n\n\n\n<h3>Buttons with Graphical Tap Spot Collections<\/h3>\n\n\n\n<p>Tap spots have been part of StayLinked since the earliest versions. The option to select a tap spot collection allows you to select the old style of tap spots or new graphical button style tap spots. The graphical tap spot entries usually rely on regular expressions to determine the button context and identifiers. Original tap spots use delimiter characters to separate words from the other screen text. Blanking out the delimiters enables dynamic application of graphical buttons, as defined by each tap spot entry. Graphical tap spot collections will not turn into graphical buttons on your device screen unless the dynamic SmartTE features have the option enabled and the client on the device supports SmartTE features.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"787\" height=\"314\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic3.jpg\" alt=\"\" class=\"wp-image-1391\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic3.jpg 787w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic3-300x120.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic3-768x306.jpg 768w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic3-50x20.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic3-60x24.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic3-100x40.jpg 100w\" sizes=\"(max-width: 787px) 100vw, 787px\" \/><\/figure>\n\n\n\n<p>Regular Expressions are a simple programming code used to identify patterns and return results based on context or code options. More information on creating regular expressions can be found in the <a href=\"..\/knowledge-base\/regular-expressions\/\">regular expressions guide<\/a> in this knowledge site.<\/p>\n\n\n\n<p>Client versions 15.4 build 240 and newer support the replacement of the default font types with external override fonts for use on graphical buttons. Sending the client a file named 'fontawesome.ttf\u2019, \u2018fontawesome5.ttf\u2019 or \u2018staylinked.ttf\u2019 will replace the default embedded in the client.<\/p>\n\n\n\n<p><strong>Adding a Tap Spot Entry: <\/strong>Regular expressions are started with the mnemonic [regex]. In this example we create a single or double digit character menu option with a period that will put in the button with a caption of 57 characters from the space after to the menu option is identified by the regular expression.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic4.jpg\" alt=\"\" class=\"wp-image-1392\" width=\"380\" height=\"268\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic4.jpg 340w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic4-300x212.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic4-50x35.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic4-60x42.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic4-100x71.jpg 100w\" sizes=\"(max-width: 380px) 100vw, 380px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic5.jpg\" alt=\"\" class=\"wp-image-1393\" width=\"376\" height=\"266\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic5.jpg 340w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic5-300x212.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic5-50x35.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic5-60x42.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic5-100x71.jpg 100w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/figure><\/div>\n\n\n\n<p>These expressions search for the following patterns:<\/p>\n\n\n\n<p>\\s\\s\\d\\.\\s as in \u2018&nbsp;\n5. \u2018 space space number period space <\/p>\n\n\n\n<p>\\s\\d\\d\\.\\s as in \u2018 15. \u2018 space number number period space <\/p>\n\n\n\n<p>Both\nthen use the next 57 characters after the expression to create a button label\nor caption. The button attributes are left with center alignment and white text\non a green background. Clicking the button sample provides the various display\noptions for each button.<\/p>\n\n\n\n<p>In this example, the regular expression identifies a single and double digit function key followed by an equal sign. This will map the screen element to perform a standard function or [pfxx] key action. This example includes a caption will display any \u2018Word\u2019 + \u2018Space\u2019 + \u2018Word\u2019 + \u2018Space\u2019 + \u2018Word\u2019.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"340\" height=\"240\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic6.jpg\" alt=\"\" class=\"wp-image-1396\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic6.jpg 340w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic6-300x212.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic6-50x35.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic6-60x42.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic6-100x71.jpg 100w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"340\" height=\"240\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic7.jpg\" alt=\"\" class=\"wp-image-1397\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic7.jpg 340w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic7-300x212.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic7-50x35.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic7-60x42.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic7-100x71.jpg 100w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<p>Note\n\u2013 Selecting a tap spot collection that is configured for smart TE will not take\naffect unless the tap spot feature is enabled in the dynamic screen settings.\nThese tap spots will then have no effect on devices that do not support Smart\nTE. Older clients should use a different telnet host entry for the previous\nusage of tap spot features.<\/p>\n\n\n\n<p>Some of the common expressions that are used for tap spot collections may include the following:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" width=\"557\" height=\"236\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/04\/SmartTE-Graphical-Element_01.jpg\" alt=\"\" class=\"wp-image-2534\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/04\/SmartTE-Graphical-Element_01.jpg 557w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/04\/SmartTE-Graphical-Element_01-300x127.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/04\/SmartTE-Graphical-Element_01-50x21.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/04\/SmartTE-Graphical-Element_01-60x25.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2020\/04\/SmartTE-Graphical-Element_01-100x42.jpg 100w\" sizes=\"(max-width: 557px) 100vw, 557px\" \/><\/figure>\n\n\n\n<p>More details on regular expressions can be found in the StayLinked Regular Expressions Guide or in the Implementation Guide for SmartTE.<\/p>\n\n\n\n<p>The following screen demonstrates the difference between the original\nand then the dynamically adjusted screen.<\/p>\n\n\n\n<p>Before SmartTE Dynamic:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"588\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic9-1024x588.jpg\" alt=\"\" class=\"wp-image-1399\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic9-1024x588.jpg 1024w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic9-300x172.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic9-768x441.jpg 768w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic9-50x29.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic9-60x34.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic9-100x57.jpg 100w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic9.jpg 1075w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>After SmartTE Dynamic:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"1024\" height=\"578\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic10-1024x578.jpg\" alt=\"\" class=\"wp-image-1400\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic10-1024x578.jpg 1024w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic10-300x169.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic10-768x434.jpg 768w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic10-50x28.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic10-60x34.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic10-100x56.jpg 100w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic10.jpg 1080w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>These two screens are the identical display of the same screen, with\nonly dynamic graphical tap spot effects enabled and the regex tap spots defined\nabove.<\/p>\n\n\n\n<p>As you can see, the menu options have been converted to buttons with a green RGB value, while the function keys are displayed along the bottom with a red button color.<\/p>\n\n\n\n<h3>5250 Graphical Fields<\/h3>\n\n\n\n<p>Graphical fields change the typical underline style field into a textbox style display. For 5250 emulation, fields are a standardized screen feature that can be easily identified by StayLinked. The feature to enable these graphical fields is a simple enable\/disable option. <\/p>\n\n\n\n<p>Double click on the \u2018Fields for 5250 \u2018 option and select Yes to enable the feature or No to disable the input box style. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"429\" height=\"172\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic11.jpg\" alt=\"\" class=\"wp-image-1401\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic11.jpg 429w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic11-300x120.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic11-50x20.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic11-60x24.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic11-100x40.jpg 100w\" sizes=\"(max-width: 429px) 100vw, 429px\" \/><\/figure>\n\n\n\n<p>The following sign-on screen displays the difference between the standard and graphical options: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"610\" height=\"252\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic12.jpg\" alt=\"\" class=\"wp-image-1402\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic12.jpg 610w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic12-300x124.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic12-50x21.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic12-60x25.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic12-100x41.jpg 100w\" sizes=\"(max-width: 610px) 100vw, 610px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"614\" height=\"258\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic13.jpg\" alt=\"\" class=\"wp-image-1403\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic13.jpg 614w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic13-300x126.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic13-50x21.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic13-60x25.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic13-100x42.jpg 100w\" sizes=\"(max-width: 614px) 100vw, 614px\" \/><\/figure>\n\n\n\n<h3>Virtual Fields for VT<\/h3>\n\n\n\n<p>VT emulation has the ability to set Graphical Fields to screen element that match extended characters and text attributes. When selected, this feature provides an option for the \u2018field identifier\u2019 This option can vary widely, depending on how the telnet host paints input to the screen and other uses of the same graphic elements that may be used but are not intended to define an input area.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"373\" height=\"190\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic14.jpg\" alt=\"\" class=\"wp-image-1404\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic14.jpg 373w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic14-300x153.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic14-50x25.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic14-60x31.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic14-100x51.jpg 100w\" sizes=\"(max-width: 373px) 100vw, 373px\" \/><\/figure>\n\n\n\n<p>In this example, the field is easily identified by underscore characters, and underscores are not used in other (non-input) areas of the display: <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft\"><img loading=\"lazy\" width=\"276\" height=\"198\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic15.jpg\" alt=\"\" class=\"wp-image-1405\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic15.jpg 276w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic15-50x36.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic15-60x43.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic15-100x72.jpg 100w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"276\" height=\"198\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic16.jpg\" alt=\"\" class=\"wp-image-1406\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic16.jpg 276w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic16-50x36.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic16-60x43.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic16-100x72.jpg 100w\" sizes=\"(max-width: 276px) 100vw, 276px\" \/><\/figure>\n\n\n\n<p>As characters are typed into the screen, the field identifier might be overwritten by the telnet host. In this case, the field would dynamically appear to shrink as the field shortens in front of the cursor. This does not prevent the adjustment of the data, but may be confusing to users.<\/p>\n\n\n\n<h3>5250\/3270 Operator Indicator Area (OIA)<\/h3>\n\n\n\n<p>5250 and 3270 emulation supports an \u2018On-Screen Indicator Area or OIA. This shows information about the session status. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"473\" height=\"172\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic17.jpg\" alt=\"\" class=\"wp-image-1407\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic17.jpg 473w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic17-300x109.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic17-50x18.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic17-60x22.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic17-100x36.jpg 100w\" sizes=\"(max-width: 473px) 100vw, 473px\" \/><\/figure>\n\n\n\n<p>Enabling the Operator Indicator Area option in the graphical configuration will convert the OIA area to display in a graphical illustration.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>\n  <strong>Standard\n  OIA<\/strong>\n  <\/td><td>\n  <strong>Graphical\n  OIA<\/strong>\n  <\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic18.jpg\" alt=\"\" class=\"wp-image-1409\" width=\"296\" height=\"365\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic18.jpg 432w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic18-243x300.jpg 243w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic18-41x50.jpg 41w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic18-49x60.jpg 49w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic18-81x100.jpg 81w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic19.jpg\" alt=\"\" class=\"wp-image-1410\" width=\"296\" height=\"365\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic19.jpg 431w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic19-244x300.jpg 244w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic19-41x50.jpg 41w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic19-49x60.jpg 49w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic19-81x100.jpg 81w\" sizes=\"(max-width: 296px) 100vw, 296px\" \/><\/figure>\n\n\n\n<p>These blocks display the following:<\/p>\n\n\n\n<p><strong>INH<\/strong> or Input Inhibit is displayed when the host\nis blocking input. This is typically cleared with a reset key from the session,\nor by waiting until the host clears the session for new input.<\/p>\n\n\n\n<p><strong>LCK<\/strong> or Session Lock is displayed when the user\nhas entered invalid input. It is also typically cleared by pressing the key\nmapped to the reset mnemonic.<\/p>\n\n\n\n<p><strong>MSG<\/strong> or Message means that a system message is\nwaiting for the user.<\/p>\n\n\n\n<p><strong>INS<\/strong> or Input Insert appears when the user has\ndisable input overwrite. When typing, characters typically replace the text\nunder the cursor, while insert would shift the text over and insert the new\ntyping between the existing characters.<\/p>\n\n\n\n<p>More information on these options and the OIA is available in the Administrator Users Guide under the section for device groups.<\/p>\n\n\n\n<h3>Color Scheme<\/h3>\n\n\n\n<p>StayLinked has a few different ways to configure the display of custom text color on a custom background color. In some cases, users who operate multiple sessions can use the different colors of each telnet host to easily and quickly identify which host is displayed on their device. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"445\" height=\"200\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic20.jpg\" alt=\"\" class=\"wp-image-1412\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic20.jpg 445w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic20-300x135.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic20-50x22.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic20-60x27.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic20-100x45.jpg 100w\" sizes=\"(max-width: 445px) 100vw, 445px\" \/><\/figure>\n\n\n\n<p>Dynamic SmartTE can change the default host colors to be a Graphical Color Scheme. Since this option replaces the default host colors, varied colors may be lost by setting these global values. These values will not operate on devices that do not support Smart TE. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignright\"><img loading=\"lazy\" width=\"235\" height=\"213\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic21.jpg\" alt=\"\" class=\"wp-image-1413\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic21.jpg 235w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic21-50x45.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic21-60x54.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic21-100x91.jpg 100w\" sizes=\"(max-width: 235px) 100vw, 235px\" \/><\/figure><\/div>\n\n\n\n<p>This setting consists of the enable\/disable option, as well as the RGB color values displayed in hexadecimal. <\/p>\n\n\n\n<p> Double clicking on the foreground or background values will open a color picker. This allows you to click the color wheel, color blocks, or manually enter your RGB values in decimal or hexidecimal. <\/p>\n\n\n\n<p>Double clicking on the foreground or background values will open a color picker. This allows you to click the color wheel, color blocks, or manually enter your RGB values in decimal or hexidecimal. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic22.jpg\" alt=\"\" class=\"wp-image-1415\" width=\"346\" height=\"247\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic22.jpg 377w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic22-300x214.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic22-50x36.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic22-60x43.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic22-100x71.jpg 100w\" sizes=\"(max-width: 346px) 100vw, 346px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic23.jpg\" alt=\"\" class=\"wp-image-1416\" width=\"253\" height=\"336\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic23.jpg 262w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic23-226x300.jpg 226w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic23-38x50.jpg 38w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic23-45x60.jpg 45w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic23-75x100.jpg 75w\" sizes=\"(max-width: 253px) 100vw, 253px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic24.jpg\" alt=\"\" class=\"wp-image-1417\" width=\"343\" height=\"245\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic24.jpg 377w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic24-300x214.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic24-50x36.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic24-60x43.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic24-100x71.jpg 100w\" sizes=\"(max-width: 343px) 100vw, 343px\" \/><\/figure>\n\n\n\n<p>The sample to the right shows the effects on the screen displayed on the previous page, changing the foreground and background colors. This feature does not affect other customized graphical elements, as displayed by the dynamic button displayed in the same red as before.<\/p>\n\n\n\n<h3>Background Image<\/h3>\n\n\n\n<p>As an extension of the background color feature, StayLinked provides the option to display a background image. Using an entry of [rgbXXXXXX] assigns a color. An image can be any standard image file, though some devices may not be able to display certain types of image files. PNG, JPG, BMP and GIF are widely supported image formats among handheld devices, but your device operating system and firmware may affect the display results. <\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"alignleft is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage1.jpg\" alt=\"\" class=\"wp-image-1419\" width=\"301\" height=\"124\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage1.jpg 359w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage1-300x123.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage1-50x20.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage1-60x25.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage1-100x41.jpg 100w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage2.jpg\" alt=\"\" class=\"wp-image-1420\" width=\"301\" height=\"123\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage2.jpg 359w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage2-300x123.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage2-50x20.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage2-60x25.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage2-100x41.jpg 100w\" sizes=\"(max-width: 301px) 100vw, 301px\" \/><\/figure>\n\n\n\n<p><br>Start by placing the image file in a network location where the StayLinked Server can reach the file. This can be a network path, local directory on the StayLinked Server or a web URL. <\/p>\n\n\n\n<p>This file can also be configured to center on the display, stretch to fit, or tile to repeat the image as many times as required to cover the entire background. In this example, we\u2019ve taken a stock image and set it to be our background for client sessions. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"397\" height=\"497\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage3.jpg\" alt=\"\" class=\"wp-image-1421\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage3.jpg 397w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage3-240x300.jpg 240w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage3-40x50.jpg 40w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage3-48x60.jpg 48w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage3-80x100.jpg 80w\" sizes=\"(max-width: 397px) 100vw, 397px\" \/><\/figure>\n\n\n\n<p>Set to stretch, this is how the image displays. Since the image is\nstretched to fit, the background color is completely covered by the stretched\nimage.<\/p>\n\n\n\n<p>Choosing an image that properly accents the text color is important to\nprevent text elements from blending into the background.<\/p>\n\n\n\n<p>It is also important to note that setting a background image will not be displayed by the StayLinked Administrator if the PNG format is used. The devices will still display PNG files if they support the format, even if the Administrator is unable to display the image.<\/p>\n\n\n\n<h3>Element Scripting<\/h3>\n\n\n\n<p>Graphical elements include the option for a tap script. This feature allows for tapping or clicking each graphical element to provide an input. Buttons, labels and images all support these scripting features. <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" width=\"404\" height=\"183\" src=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage4.jpg\" alt=\"\" class=\"wp-image-1422\" srcset=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage4.jpg 404w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage4-300x136.jpg 300w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage4-50x23.jpg 50w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage4-60x27.jpg 60w, https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/BackgroundImage4-100x45.jpg 100w\" sizes=\"(max-width: 404px) 100vw, 404px\" \/><\/figure>\n\n\n\n<p>In VT emulation the [esc] mnemonic can be used to individually provide\nan escape input. The standard [hex 1B] must be used in cases where any input included\nimmediately follows the escape. For example, the typical F1 key escape sequence\nwould be entered as [hex 1B]OP while the [esc]OP value would be considered two\ninputs, one for the escape and another for the OP characters.<\/p>\n\n\n\n<p>A list of common mnemonics can be viewed in the keyboard maps for your devices and emulation type. More information is available in the <a href=\"..\/knowledge-base\/keyboard-maps\/\">keyboard map<\/a> technical reference article.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>One of the features added in version 14.0 is the option to automatically represent standard telnet in a graphical version. These automated features do not have the wide range of options provided in the custom reformatting features, but can be used to help augment or automate the graphical display using&#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>SmartTE Dynamic Graphical Elements &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=\"SmartTE Dynamic Graphical Elements &ndash; StayLinked\" \/>\n<meta property=\"og:description\" content=\"One of the features added in version 14.0 is the option to automatically represent standard telnet in a graphical version. These automated features do not have the wide range of options provided in the custom reformatting features, but can be used to help augment or automate the graphical display using...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/smartte-dynamic-graphical-elements\/\" \/>\n<meta property=\"og:site_name\" content=\"StayLinked\" \/>\n<meta property=\"article:modified_time\" content=\"2023-07-06T20:29:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1.jpg\" \/>\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=\"14 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\/smartte-dynamic-graphical-elements\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1.jpg\",\"contentUrl\":\"https:\/\/portal.staylinked.com\/sl\/kb\/wp-content\/uploads\/2019\/09\/DynamicGraphic1.jpg\",\"width\":395,\"height\":641},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/smartte-dynamic-graphical-elements\/#webpage\",\"url\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/smartte-dynamic-graphical-elements\/\",\"name\":\"SmartTE Dynamic Graphical Elements &ndash; StayLinked\",\"isPartOf\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/smartte-dynamic-graphical-elements\/#primaryimage\"},\"datePublished\":\"2019-09-16T20:37:40+00:00\",\"dateModified\":\"2023-07-06T20:29:48+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/smartte-dynamic-graphical-elements\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/smartte-dynamic-graphical-elements\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/portal.staylinked.com\/sl\/kb\/knowledge-base\/smartte-dynamic-graphical-elements\/#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\":\"SmartTE Dynamic Graphical Elements\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","_links":{"self":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb\/1454"}],"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=1454"}],"version-history":[{"count":2,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb\/1454\/revisions"}],"predecessor-version":[{"id":4348,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb\/1454\/revisions\/4348"}],"wp:attachment":[{"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/media?parent=1454"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb-category?post=1454"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/portal.staylinked.com\/sl\/kb\/wp-json\/wp\/v2\/ht-kb-tag?post=1454"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}