{"id":6758,"date":"2025-12-09T17:23:35","date_gmt":"2025-12-09T23:23:35","guid":{"rendered":"https:\/\/librarytestdev.wpenginepowered.com\/?post_type=doc&#038;p=6758"},"modified":"2026-01-06T19:35:03","modified_gmt":"2026-01-07T01:35:03","slug":"using-tabs-in-the-product-grid","status":"publish","type":"doc","link":"https:\/\/library-test.tradingtechnologies.com\/trade\/viewing-market-data\/product-grid\/task-product-grid\/using-tabs-in-the-product-grid\/","title":{"rendered":"Using Tabs in the Product Grid"},"content":{"rendered":"\n<div>\n    <p>You can use tabs to organize your instruments by doing the following:<\/p>\n    <ul>\n        <li>Adding tabs<\/li>\n        <li>Managing tabs<\/li>\n        <li>Moving or copying instruments to a new tab<\/li>\n    <\/ul>\n<\/div>\n\n<div>\n    <h2 id=\"add-tabs\">Adding tabs<\/h2>\n    <p>You can add tabs to the Product Grid to allow you to monitor and trade different products within the same widget. Tabs applied to the group operate independently of each other.\n    <\/p>\n    <p>To add a tab:<\/p>\n    <ol>\n        <li>\n            <p>Click the <b>+<\/b> icon.<\/p>\n            <p><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/library-test.tradingtechnologies.com\/wp-content\/uploads\/2025\/12\/pg-add-tab.png\"><\/p>\n        <\/li>\n        <li>\n            <p>Add a product to the new tab using either the <b class=\"gui\">Search<\/b> or the <b class=\"gui\">Explore<\/b>\n                button to access the instrument explorer.<\/p>\n        <\/li>\n    <\/ol>\n<\/div>\n<!--\nManage tabs section\n-->\n<div>\n    <h2 id=\"manage-tabs\">Managing tabs<\/h2>\n    <p>You can move, rename, copy, and remove tabs in the Product Grid using the tab menu:<\/p>\n    <p><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/library-test.tradingtechnologies.com\/wp-content\/uploads\/2025\/12\/pg-tab-menu.png\" alt=\"\"><\/p>\n    <ul>\n        <li>To reorder the tabs, drag a tab to its new position.<\/li>\n        <li>To copy a tab, select <b class=\"gui\">Copy tab<\/b> from the context menu.<\/li>\n\n        <li>To set a color for a tab, select <b class=\"gui\">Tab color<\/b> then either <b class=\"gui\">Set text color<\/b>\n            or <b class=\"gui\">Set background color<\/b> from the tab&#8217;s context menu.<\/li>\n\n        <li>To rename a tab, select <b class=\"gui\">Rename tab<\/b> from the tab&#8217;s context menu, and specify the new name.\n        <\/li>\n        <li>To restore a tab&#8217;s name to its original value, select <b class=\"gui\">Restore tab<\/b> from the context menu.<\/li>\n        <li>To remove a tab, select <b class=\"gui\">Remove tab<\/b> from the context menu.<\/li>\n        <li>To open a new Product Grid from an existing tab, select <b class=\"gui\">Break-out tab<\/b> from the context\n            menu. This option only appears when there are more than one tab in the Product Grid widget.<\/li>\n\n        <li>To hide the tab panel, select <b class=\"gui\">Hide tab panel<\/b> from the context menu. Once hidden, you need\n            to enable <b class=\"gui\">Show tabs<\/b> in the Settings to show the panel.<\/li>\n        <li>\n            To add another row to the tab panel, select <b class=\"gui\">Add tab row<\/b> from the context menu. Adding a\n            row, moves the tabs hidden in the scrolling view to the next row.\n        <\/li>\n        <li>To remove a manually added tab row, select <b class=\"gui\">Remove tab row<\/b> from the context menu, which\n            removes the bottom-most row.<\/li>\n\n        <li>To lock the position of the tabs, select <b class=\"gui\">Lock tabs<\/b> from the context menu. This option\n            only appears when there are more than one tab in the Product Grid widget.<\/li>\n\n\n\n\n    <\/ul>\n<\/div>\n\n    <h2 id=\"colors\">Widget tab colors<\/h2>\n\n\n    <p>To set a color for the background or text on a widget tab, right-click the tab and select <b>Tab color<\/b> from the context menu. Select a color from the palette or click <b>Custom<\/b> to create your own color for the tab. Click <b>Clear tab color<\/b> to restore the tab&#8217;s appearance to the default setting.<\/p>\n\n\n    <p><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/library-test.tradingtechnologies.com\/wp-content\/uploads\/2025\/12\/pg-tab-color.png\"><\/p>\n","protected":false},"excerpt":{"rendered":"<div>\n<p>You can use tabs to organize your instruments by doing the following:<\/p>\n<ul>\n<li>Adding tabs<\/li>\n<li>Managing tabs<\/li>\n<li>Moving or copying instruments to a new tab<\/li>\n<\/ul>\n<\/div>\n<div>\n<h2 id=\"add-tabs\">Adding tabs<\/h2>\n<p>You can add tabs to the Product Grid to allow you to monitor and trade different products within the same widget. Tabs applied to the group operate independently of each other.\n    <\/p>\n<p>To add a tab:<\/p>\n<ol>\n<li>\n<p>Click the <b>+<\/b> icon.<\/p>\n<p><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/library-test.tradingtechnologies.com\/wp-content\/uploads\/2025\/12\/pg-add-tab.png\"><\/p>\n<\/li>\n<li>\n<p>Add a product to the new tab using either the <b class=\"gui\">Search<\/b> or the <b class=\"gui\">Explore<\/b><br \/>\n                button to access the instrument explorer.<\/p>\n<\/li>\n<\/ol>\n<\/div>\n<p><!--\nManage tabs section\n--><\/p>\n<div>\n<h2 id=\"manage-tabs\">Managing tabs<\/h2>\n<p>You can move, rename, copy, and remove tabs in the Product Grid using the tab menu:<\/p>\n<p><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/library-test.tradingtechnologies.com\/wp-content\/uploads\/2025\/12\/pg-tab-menu.png\" alt=\"\"><\/p>\n<ul>\n<li>To reorder the tabs, drag a tab to its new position.<\/li>\n<li>To copy a tab, select <b class=\"gui\">Copy tab<\/b> from the context menu.<\/li>\n<li>To set a color for a tab, select <b class=\"gui\">Tab color<\/b> then either <b class=\"gui\">Set text color<\/b><br \/>\n            or <b class=\"gui\">Set background color<\/b> from the tab&#8217;s context menu.<\/li>\n<li>To rename a tab, select <b class=\"gui\">Rename tab<\/b> from the tab&#8217;s context menu, and specify the new name.\n        <\/li>\n<li>To restore a tab&#8217;s name to its original value, select <b class=\"gui\">Restore tab<\/b> from the context menu.<\/li>\n<li>To remove a tab, select <b class=\"gui\">Remove tab<\/b> from the context menu.<\/li>\n<li>To open a new Product Grid from an existing tab, select <b class=\"gui\">Break-out tab<\/b> from the context<br \/>\n            menu. This option only appears when there are more than one tab in the Product Grid widget.<\/li>\n<li>To hide the tab panel, select <b class=\"gui\">Hide tab panel<\/b> from the context menu. Once hidden, you need<br \/>\n            to enable <b class=\"gui\">Show tabs<\/b> in the Settings to show the panel.<\/li>\n<li>\n            To add another row to the tab panel, select <b class=\"gui\">Add tab row<\/b> from the context menu. Adding a<br \/>\n            row, moves the tabs hidden in the scrolling view to the next row.\n        <\/li>\n<li>To remove a manually added tab row, select <b class=\"gui\">Remove tab row<\/b> from the context menu, which<br \/>\n            removes the bottom-most row.<\/li>\n<li>To lock the position of the tabs, select <b class=\"gui\">Lock tabs<\/b> from the context menu. This option<br \/>\n            only appears when there are more than one tab in the Product Grid widget.<\/li>\n<\/ul>\n<\/div>\n<h2 id=\"colors\">Widget tab colors<\/h2>\n<p>To set a color for the background or text on a widget tab, right-click the tab and select <b>Tab color<\/b> from the context menu. Select a color from the palette or click <b>Custom<\/b> to create your own color for the tab. Click <b>Clear tab color<\/b> to restore the tab&#8217;s appearance to the default setting.<\/p>\n<p><img decoding=\"async\" class=\"img-responsive\" src=\"https:\/\/library-test.tradingtechnologies.com\/wp-content\/uploads\/2025\/12\/pg-tab-color.png\"><\/p>\n","protected":false},"author":2,"template":"","meta":{"_acf_changed":false,"footnotes":""},"docs-category":[362],"class_list":["post-6758","doc","type-doc","status-publish","hentry","docs-category-task-product-grid"],"acf":[],"_links":{"self":[{"href":"https:\/\/library-test.tradingtechnologies.com\/ja\/wp-json\/wp\/v2\/doc\/6758","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/library-test.tradingtechnologies.com\/ja\/wp-json\/wp\/v2\/doc"}],"about":[{"href":"https:\/\/library-test.tradingtechnologies.com\/ja\/wp-json\/wp\/v2\/types\/doc"}],"author":[{"embeddable":true,"href":"https:\/\/library-test.tradingtechnologies.com\/ja\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":0,"href":"https:\/\/library-test.tradingtechnologies.com\/ja\/wp-json\/wp\/v2\/doc\/6758\/revisions"}],"wp:attachment":[{"href":"https:\/\/library-test.tradingtechnologies.com\/ja\/wp-json\/wp\/v2\/media?parent=6758"}],"wp:term":[{"taxonomy":"docs-category","embeddable":true,"href":"https:\/\/library-test.tradingtechnologies.com\/ja\/wp-json\/wp\/v2\/docs-category?post=6758"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}