{"id":1917,"date":"2011-09-14T20:53:16","date_gmt":"2011-09-15T03:53:16","guid":{"rendered":"http:\/\/www.technosolutions.com\/kb\/?p=1917"},"modified":"2018-12-19T01:39:41","modified_gmt":"2018-12-19T09:39:41","slug":"adding-a-custom-tab-to-a-form-screen","status":"publish","type":"post","link":"http:\/\/www.technosolutions.com\/kb\/1917\/adding-a-custom-tab-to-a-form-screen\/","title":{"rendered":"Adding a custom tab to a Form (Screen)"},"content":{"rendered":"<p><!-- Start ScreenSteps Content --><\/p>\n<div class=\"LessonContent\">\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Overview<\/h3>\n<div class=\"StepInstructions\">\n<p><i>Tabs<\/i> are a method of visually organizing fields on Forms\/Screens. In <i>TopTeam<\/i>, you can customize a Record Type <i>Form<\/i> by adding custom tabs. Such tabs can be used to place new custom fields or to move existing fields from other tabs.<\/p>\n<p>This article describes the steps for adding a custom tab to a Form\/Screen in <i>TopTeam Desktop App<\/i>.<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Who should read this?<\/h3>\n<div class=\"StepInstructions\">\n<ul>\n<li>Top Team Administrators<\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Prerequisites<\/h3>\n<div class=\"StepInstructions\">\n<ul>\n<li>You must log in with a User Account that has <i><strong>System Administrator<\/strong> <\/i>permissions.<\/li>\n<\/ul>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 1. Open the Form Designer for TopTeam Desktop App<\/h3>\n<div class=\"StepInstructions\">\n<p><strong>There are two methods for opening the Form Designer:<\/strong><\/p>\n<ol>\n<li>Directly from the Form which you want to redesign.<\/li>\n<li>From the Administration area.<\/li>\n<\/ol>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Method 1. Open the Form Designer from a Form\/Screen<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28786-media_1316050611183.png\" width=\"657\" height=\"481\" alt=\"wpid28786-media_1316050611183.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p><strong>SKIP:<\/strong> If you use this method, skip to the step 7. &#8220;<strong>Click<\/strong> <strong>Customize Tab Visibility and Position&#8221;<\/strong>, otherwise continue to the step below.<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Method 2. Open Form Designer from the Administration screen<\/h3>\n<\/p><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 1. Open the Administration screen<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28788-media_1438259880614.png\" width=\"411\" height=\"249\" alt=\"wpid28788-media_1438259880614.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 2. Click Configure System Record Types<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28789-media_1307182621696.png\" width=\"742\" height=\"433\" alt=\"wpid28789-media_1307182621696.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 3. Click Customize Record Type Fields<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28790-media_1307182686852.png\" width=\"735\" height=\"371\" alt=\"wpid28790-media_1307182686852.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 4. Select a Record Type in the Record Type Fields editor<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28791-media_1307189367759.png\" width=\"653\" height=\"374\" alt=\"wpid28791-media_1307189367759.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 5. Open the Form Designer<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28792-media_1307189536590.png\" width=\"733\" height=\"288\" alt=\"wpid28792-media_1307189536590.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 6. Form Layout Designer opens for the selected Record Type<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28793-media_1438260579840.png\" width=\"800\" height=\"529\" alt=\"wpid28793-media_1438260579840.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 7. Click Customize Tab Visibility and Position<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28794-media_1309817786991.png\" width=\"800\" height=\"529\" alt=\"wpid28794-media_1309817786991.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 8. Customize Tab Visibility editor opens<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28787-media_1316052440934.png\" width=\"790\" height=\"550\" alt=\"wpid28787-media_1316052440934.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 9. Add a custom tab<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28795-media_1258021809047_1.png\" width=\"416\" height=\"459\" alt=\"wpid28795-media_1258021809047_1.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p><strong>NOTE:<\/strong> You can rename the custom tab after adding it to the Visible Tabs list.<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">Step 10. Custom tab appears on the form<\/h3>\n<div class=\"StepImage\" style=\"margin:10px 0px;\">\n<img loading=\"lazy\" decoding=\"async\" style=\"padding:3px; border: 1px solid #ccc;\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" data-layzr=\"http:\/\/www.technosolutions.com\/kb\/wp-content\/uploads\/2018\/12\/wpid28785-media_1291883243386.png\" width=\"554\" height=\"481\" alt=\"wpid28785-media_1291883243386.png\" \/>\n<\/div>\n<div class=\"StepInstructions\">\n<p>&nbsp;<\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<h3 class=\"StepTitle\" style=\"font-size:20px;\">See Also<\/h3>\n<div class=\"StepInstructions\">\n<p><a href=\"http:\/\/www.technosolutions.com\/kb\/1890\/defining-custom-field-for-a-record-type\/\" target=\"_blank\">Defining custom field for a Record Type<\/a><\/p>\n<\/div><\/div>\n<div class=\"LessonStep top\">\n<div class=\"StepInstructions\">\n<p>Revised: July 30th, 2015<\/p>\n<\/div><\/div>\n<\/p><\/div>\n<p><!-- End ScreenSteps Content --><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Overview Tabs are a method of visually organizing fields on Forms\/Screens. In TopTeam, you can customize a Record Type Form by adding custom tabs. Such tabs can be used to place new custom fields or to move existing fields from other tabs. This article describes the steps for adding a custom tab to a Form\/Screen in TopTeam Desktop App. Who should read this? Top Team Administrators Prerequisites You must log in with a User Account that has System Administrator permissions. Step 1. Open the Form Designer for TopTeam Desktop App There are two methods for opening the Form Designer: Directly <\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[297],"tags":[309,29,310],"class_list":["post-1917","post","type-post","status-publish","format-standard","hentry","category-configuration","tag-forms","tag-record-type","tag-screens"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/paoaNA-uV","_links":{"self":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/1917","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/comments?post=1917"}],"version-history":[{"count":14,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/1917\/revisions"}],"predecessor-version":[{"id":46602,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/posts\/1917\/revisions\/46602"}],"wp:attachment":[{"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/media?parent=1917"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/categories?post=1917"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.technosolutions.com\/kb\/wp-json\/wp\/v2\/tags?post=1917"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}