{"id":1210,"date":"2012-02-29T17:58:46","date_gmt":"2012-02-29T22:58:46","guid":{"rendered":"http:\/\/anvil-of-time.com\/wordpress\/?p=1210"},"modified":"2021-03-16T11:21:55","modified_gmt":"2021-03-16T15:21:55","slug":"100-days-of-powerbuilder-day-4-a-look-at-the-ide","status":"publish","type":"post","link":"https:\/\/anvil-of-time.com\/powerbuilder\/100-days-of-powerbuilder\/100-days-of-powerbuilder-day-4-a-look-at-the-ide\/","title":{"rendered":"100 Days of Powerbuilder &#8211; Day 4: A Look at the IDE"},"content":{"rendered":"<p>This is part of my project &#8216;100 Days of PowerBuilder&#8217; which is a series of discussions focused on basic PowerBuilder development.<\/p>\n<p><em>Note: This article is written with examples created in PowerBuilder version 12.5. Most steps\/examples will be identical with any version going back to 9.<\/em><\/p>\n<p>Mastering the PowerBuilder Integrated Development Environment (<a href=\"http:\/\/en.wikipedia.org\/wiki\/Integrated_development_environment\" target=\"_blank\" rel=\"noopener\">IDE<\/a>) is the key to becoming a successful PB developer. As is normally the case with an IDE, there are many ways to accomplish the same task and each developer will create their own processes to do so. In this discussion we will go over some common configuration changes which should enhance productivity within the PB IDE.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_01.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1212 size-large\" title=\"04_01\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_01-1024x794.png\" alt=\"\" width=\"800\" height=\"620\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_01-1024x794.png 1024w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_01-300x232.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_01-150x116.png 150w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_01.png 1198w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Here again is the standard screen normally presented after PowerBuilder is installed and run for the first few items. Now it&#8217;s time to banish this since we no longer need it. Select the &#8216;Reload last workspace&#8230;&#8217; option and unselect the &#8216;Show this dialog&#8230;&#8217; and then close the window.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_02.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1213 size-full\" title=\"04_02\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_02.png\" alt=\"\" width=\"313\" height=\"113\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_02.png 313w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_02-300x108.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_02-150x54.png 150w\" sizes=\"(max-width: 313px) 100vw, 313px\" \/><\/a><\/p>\n<p>Now from here we have selected our &#8216;100day&#8217; target and opened the &#8216;w_main&#8217; object in the IDE. The treeview on the left is a nice navigational tool but it is always on top. Sure we can resize it or move it to another place but we still have the issue that it reduces the working area within the IDE. Close this frame altogether.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_03.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1214 size-large\" title=\"04_03\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_03-1024x696.png\" alt=\"\" width=\"800\" height=\"544\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_03-1024x696.png 1024w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_03-300x203.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_03-150x101.png 150w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_03.png 1193w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>While we are at it, lets set up some system options to make things a bit more friendly.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_04.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1215 size-full\" title=\"04_04\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_04.png\" alt=\"\" width=\"372\" height=\"495\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_04.png 372w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_04-225x300.png 225w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_04-112x150.png 112w\" sizes=\"(max-width: 372px) 100vw, 372px\" \/><\/a><\/p>\n<p>Unselect the &#8216;Automatically Clear Output&#8230;&#8217; option. This is especially important when searching through the code within the IDE. If you leave this option checked, previous search results are cleared; if you have a photographic memory then leave it checked. Select the &#8216;Disable database connection when compiling&#8230;&#8217; option. This prevents the IDE from attempting to connect to the default database when performing a build (normally this is not important).<\/p>\n<p>On the Workspaces tab you should have the &#8216;Reopen workspace&#8230;&#8217; option checked.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_05.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1216 size-full\" title=\"04_05\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_05.png\" alt=\"\" width=\"370\" height=\"489\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_05.png 370w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_05-226x300.png 226w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_05-113x150.png 113w\" sizes=\"(max-width: 370px) 100vw, 370px\" \/><\/a><\/p>\n<p>Remember to click OK to save these changes.<\/p>\n<p>Getting back to the IDE we see that the working area is fairly large now and encompasses almost all of the space within the IDE. To view our workspace and the associated object we need to bring up the Library Painter. Choose the Library Icon from the toolbar. Notice that the object browser and the editor icons look very similar.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_061.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1241 size-full\" title=\"04_06\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_061.png\" alt=\"\" width=\"406\" height=\"120\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_061.png 406w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_061-300x88.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_061-150x44.png 150w\" sizes=\"(max-width: 406px) 100vw, 406px\" \/><\/a><\/p>\n<p>Notice the default location is My Computer which is of limited use. The library painter is very similar to the Explorer window in Windows. The left treeview is for navigation and the right is the detail. Right click on the treeview on the right.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_071.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1242 size-full\" title=\"04_07\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_071.png\" alt=\"\" width=\"599\" height=\"292\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_071.png 599w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_071-300x146.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_071-150x73.png 150w\" sizes=\"(max-width: 599px) 100vw, 599px\" \/><\/a><\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_081.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1243 size-full\" title=\"04_08\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_081.png\" alt=\"\" width=\"410\" height=\"393\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_081.png 410w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_081-300x287.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_081-150x143.png 150w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/><\/a><\/p>\n<p>Choose the Set Root option and then &#8216;Current Workspace&#8217;<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_09.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1220 size-full\" title=\"04_09\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_09.png\" alt=\"\" width=\"405\" height=\"154\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_09.png 405w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_09-300x114.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_09-150x57.png 150w\" sizes=\"(max-width: 405px) 100vw, 405px\" \/><\/a><\/p>\n<p>Now when you open the Library Painter you see the Workspace treeview to the left and the current object pane on the left.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_10.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1221 size-full\" title=\"04_10\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_10.png\" alt=\"\" width=\"770\" height=\"148\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_10.png 770w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_10-300x57.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_10-150x28.png 150w\" sizes=\"(max-width: 770px) 100vw, 770px\" \/><\/a><\/p>\n<p>While in the Library Painter we can set some options, first on the General Tab<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_11.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1222 size-full\" title=\"04_11\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_11.png\" alt=\"\" width=\"337\" height=\"397\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_11.png 337w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_11-254x300.png 254w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_11-127x150.png 127w\" sizes=\"(max-width: 337px) 100vw, 337px\" \/><\/a><\/p>\n<p>and then in the Include Tab.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_12.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1223 size-full\" title=\"04_12\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_12.png\" alt=\"\" width=\"340\" height=\"399\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_12.png 340w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_12-255x300.png 255w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_12-127x150.png 127w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/a><\/p>\n<p>I normally don&#8217;t make any changes here to the defaults.<\/p>\n<p>Now when we click on an object to open it we see that the script painter opens much larger and is on top of the library painter.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1224 size-full\" title=\"04_13\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13.png\" alt=\"\" width=\"644\" height=\"759\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13.png 644w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13-254x300.png 254w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13-127x150.png 127w\" sizes=\"(max-width: 644px) 100vw, 644px\" \/><\/a><\/p>\n<p>So if we take a closer look at the Script Painter for our window we have created we have the basic layout as shown.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13a.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1225 size-large\" title=\"04_13a\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13a-1024x626.png\" alt=\"\" width=\"800\" height=\"489\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13a-1024x626.png 1024w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13a-300x183.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13a-150x91.png 150w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13a.png 1215w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Along the bottom of the &#8216;working area&#8217; are a series of tabs.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13b.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1226 size-full\" title=\"04_13b\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13b.png\" alt=\"\" width=\"382\" height=\"58\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13b.png 382w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13b-300x45.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13b-150x22.png 150w\" sizes=\"(max-width: 382px) 100vw, 382px\" \/><\/a><\/p>\n<p>These show the visual layout of the object, the current script (in our case the closequery event script), the list of Events, the list of Functions, and the Declare Instance Variables script.<\/p>\n<p>On the left side of the working area is the Properties pane.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13c.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1227 size-full\" title=\"04_13c\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13c.png\" alt=\"\" width=\"397\" height=\"705\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13c.png 397w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13c-84x150.png 84w\" sizes=\"(max-width: 397px) 100vw, 397px\" \/><\/a><\/p>\n<p>Along the top are a series of tabs showing various propterties. These tabs (and properties) change based on the object selected in the Layout tab of the window or from the Control list (shown below).<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13d.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1228 size-full\" title=\"04_13d\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13d.png\" alt=\"\" width=\"248\" height=\"78\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13d.png 248w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13d-150x47.png 150w\" sizes=\"(max-width: 248px) 100vw, 248px\" \/><\/a><\/p>\n<p>Along the bottom of the Properties pane are tabs for the Properties, the Control List, and the Non-Visual Object List<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13e.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1229 size-full\" title=\"04_13e\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13e.png\" alt=\"\" width=\"389\" height=\"62\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13e.png 389w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13e-300x47.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13e-150x23.png 150w\" sizes=\"(max-width: 389px) 100vw, 389px\" \/><\/a><\/p>\n<p>If you right click within the General properties area on the Properties tab you can change the layout of the tabs. The default is Labels on Top.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13f.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1230 size-full\" title=\"04_13f\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13f.png\" alt=\"\" width=\"349\" height=\"371\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13f.png 349w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13f-282x300.png 282w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13f-141x150.png 141w\" sizes=\"(max-width: 349px) 100vw, 349px\" \/><\/a><\/p>\n<p>Here is the appearance when Labels On Left is chosen.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13g.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1231 size-full\" title=\"04_13g\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13g.png\" alt=\"\" width=\"386\" height=\"585\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13g.png 386w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13g-197x300.png 197w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13g-98x150.png 98w\" sizes=\"(max-width: 386px) 100vw, 386px\" \/><\/a><\/p>\n<p>In this mode the information is shown in less space.<\/p>\n<p>The Control List tab for our sample application looks like this.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13h.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1232 size-full\" title=\"04_13h\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13h.png\" alt=\"\" width=\"390\" height=\"704\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13h.png 390w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13h-166x300.png 166w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13h-83x150.png 83w\" sizes=\"(max-width: 390px) 100vw, 390px\" \/><\/a><\/p>\n<p>You can select another control by clicking on it from the list. In this case we have two controls, the main window and the exit button.<\/p>\n<p>You can control the various panes shown in the script painter from the View menu option. Here we are choosing to have the Event List in its own pane.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13i.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1233 size-full\" title=\"04_13i\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13i.png\" alt=\"\" width=\"251\" height=\"308\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13i.png 251w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13i-244x300.png 244w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13i-122x150.png 122w\" sizes=\"(max-width: 251px) 100vw, 251px\" \/><\/a><\/p>\n<p>Since our system option is to have Horizontal Windows dominate the event list shows on the bottom. Not too helpful in my book.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13j.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1234 size-large\" title=\"04_13j\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13j-1024x617.png\" alt=\"\" width=\"800\" height=\"482\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13j-1024x617.png 1024w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13j-300x180.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13j-150x90.png 150w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13j.png 1214w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/p>\n<p>Move the pointer over the separation bar of the Event List and the title bar appears. From this point you can &#8216;pin&#8217; the titlebar by clicking on the pushpin icon.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_13k.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1235 size-full\" title=\"04_13k\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_13k.png\" alt=\"\" width=\"130\" height=\"54\" \/><\/a><\/p>\n<p>Drag on the titlebar with the pointer to change the location of this pane. Move it to the tab area below the Properties pane. You will see a shadow box appear indicating the location will recieve the dropped pane.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_14.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1236 size-full\" title=\"04_14\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_14.png\" alt=\"\" width=\"403\" height=\"162\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_14.png 403w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_14-300x120.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_14-150x60.png 150w\" sizes=\"(max-width: 403px) 100vw, 403px\" \/><\/a><\/p>\n<p>Now the Properties pane is &#8216;split&#8217; into two with the newly dragged Event List on the bottom.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_15.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1237 size-full\" title=\"04_15\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_15.png\" alt=\"\" width=\"389\" height=\"707\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_15.png 389w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_15-165x300.png 165w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_15-82x150.png 82w\" sizes=\"(max-width: 389px) 100vw, 389px\" \/><\/a><\/p>\n<p>Do the same with the Function List so now you have both lists (as tabs) underneath the Properties pane. You can now experiment with changing the Properties pane width to give your script pane the most area possible.<\/p>\n<p>If you really screw things up or just want to start over, go to the View menu, choose Layouts and then (Default). You can also save layouts here once you come up with one or more you really like.<\/p>\n<p><a href=\"http:\/\/anvil-of-time.com\/wordpress\/wp-content\/uploads\/2012\/02\/04_16.png\"><img loading=\"lazy\" class=\"aligncenter wp-image-1211 size-full\" title=\"04_16\" src=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_16.png\" alt=\"\" width=\"376\" height=\"346\" srcset=\"https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_16.png 376w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_16-300x276.png 300w, https:\/\/anvil-of-time.com\/wp-content\/uploads\/2012\/02\/04_16-150x138.png 150w\" sizes=\"(max-width: 376px) 100vw, 376px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is part of my project &#8216;100 Days of PowerBuilder&#8217; which is a series of discussions focused on basic PowerBuilder development. Note: This article is written with examples created in PowerBuilder version 12.5. Most steps\/examples will be identical with any version going back to 9. Mastering the PowerBuilder Integrated Development Environment (IDE) is the key&hellip;<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[86],"tags":[12,62],"_links":{"self":[{"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/posts\/1210"}],"collection":[{"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/comments?post=1210"}],"version-history":[{"count":8,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/posts\/1210\/revisions"}],"predecessor-version":[{"id":2158,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/posts\/1210\/revisions\/2158"}],"wp:attachment":[{"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/media?parent=1210"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/categories?post=1210"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/anvil-of-time.com\/wp-json\/wp\/v2\/tags?post=1210"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}