{"templateId":"markdown","sharedDataIds":{"sidebar":"sidebar-guides/sidebars.yaml"},"props":{"metadata":{"markdoc":{"tagList":[]},"type":"markdown"},"seo":{"title":"Creating A Panel Walkthrough","description":"Accelerate E&P application development and protect your innovation by consuming our Data and Domain APIs / Platform APIs.","lang":"en-US","meta":[{"name":"robots","content":"noindex"}],"llmstxt":{"hide":false}},"dynamicMarkdocComponents":[],"compilationErrors":[],"ast":{"$$mdtype":"Tag","name":"article","attributes":{},"children":[{"$$mdtype":"Tag","name":"Heading","attributes":{"level":1,"id":"creating-a-panel-walkthrough","__idx":0},"children":["Creating A Panel Walkthrough"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":[{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Reviewing Dependencies"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The creation of a panel requires two modules that are part of the INTViewer platform:"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["IntviewerCore"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Utilities API (provided with Netbeans)"]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["UI Utilities API (provided with Netbeans)"]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["The \"UI Utilities API\" module is required and is not added automatically by Netbeans. If you don't include this module, you will get the following message after compilation:"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["\"package org.openide.awt\" does not exist"]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["See the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/solutions/intviewer/intviewer-platform-and-modules"},"children":["list of INTViewer modules"]}," to load the INTViewer platform and for a description of each module."]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"creating-your-module-template-using-netbeans-wizard","__idx":1},"children":["Creating your module template using NetBeans wizard"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["File -> New Project"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In the New Project wizard select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["NetBeans Modules"]}," from the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Categories"]}," list and ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Module"]}," from the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Projects"]}," list and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Next >"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["For ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Project Name"]},", specify ",{"$$mdtype":"Tag","name":"em","attributes":{},"children":["mydemopreferencesdialogmodule"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Select option ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Standalone Module"]}," and make sure to specify the INTViewer platform in the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["NetBeans Platform"]}," field."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Next >"]}," and specify com.mycompany.myviewer.mydemopreferencesdialog for the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Code Name Base"]}," and ",{"$$mdtype":"Tag","name":"em","attributes":{},"children":["MyDemoPreferencesDialogModule"]}," for the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Module Display Name"]},"."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click on ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Finish"]}]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Register the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/solutions/intviewer/intviewer-platform-and-modules/registering-the-layer-xml-file"},"children":["layer.xml"]}," file"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Projects"]}," tree view, you should see your project which includes a number of files that have been created for you"]}]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"configuring-your-module","__idx":2},"children":["Configuring your Module"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":["In the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Projects"]}," tree, right click on the module ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["MyDemoPreferencesDialogModule"]}," and select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Properties"]}," from the list."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Under ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Categories"]},", select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Libraries"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Java plaform"]}," ",{"$$mdtype":"Tag","name":"em","attributes":{},"children":["JDK1.7"]}," . If you don't see this option, you will need to install jdk1.7 and load it into NetBeans using option ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Tools->Java Platforms"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click on the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Add"]}," button next to ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Module Dependencies"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["In the list, select ",{"$$mdtype":"Tag","name":"em","attributes":{},"children":["IntviewerCore"]}," and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["OK"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["In the list, select Utilities API and UI Utilities API and click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["OK"]},"."]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":["Click ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["OK"]}," in Project Properties Dialog"]}]},{"$$mdtype":"Tag","name":"Heading","attributes":{"level":3,"id":"creating-a-panel-class","__idx":3},"children":["Creating a Panel class"]},{"$$mdtype":"Tag","name":"ul","attributes":{},"children":[{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["In the ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Projects"]}," tree, right click on the module ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["MyDemoPreferencesDialogModule"]}," and select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["New -> JPanel Form..."]}," from the list."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Enter DemoPreferencesPanel as ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Class Name"]}," and select com.mycompany.myviewer.mydemopreferencesdialog as ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Package"]},"."]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Drag and drop a label and a text field from the Palette"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Right click the label, select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Edit Text"]}," and enter \"Percentage\""]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Right click the text field, select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Edit Text"]}," and enter an empty string"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Resize the text field to an acceptable length"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Right click the label, select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Change Variable Name..."]}," and enter \"_jPercentageLabel\""]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Right click the text field, select ",{"$$mdtype":"Tag","name":"strong","attributes":{},"children":["Change Variable Name..."]}," and enter \"_jPercentageField\""]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Click Source"]}]},{"$$mdtype":"Tag","name":"li","attributes":{},"children":[{"$$mdtype":"Tag","name":"p","attributes":{},"children":["Add a getter and setter for the value of the percentage field, as follow:"]}]}]},{"$$mdtype":"Tag","name":"p","attributes":{},"children":["To use this panel, follow the ",{"$$mdtype":"Tag","name":"MarkdownLink","attributes":{"href":"/solutions/intviewer/intviewer-tutorial/using-intviewer-components-walkthroughs/adding-a-preferences-dialog-walkthrough"},"children":["Adding a new Preference Dialog Walkthrough"]},"."]}]},"headings":[{"value":"Creating A Panel Walkthrough","id":"creating-a-panel-walkthrough","depth":1},{"value":"Creating your module template using NetBeans wizard","id":"creating-your-module-template-using-netbeans-wizard","depth":3},{"value":"Configuring your Module","id":"configuring-your-module","depth":3},{"value":"Creating a Panel class","id":"creating-a-panel-class","depth":3}],"frontmatter":{"title":"Creating A Panel Walkthrough","pageId":"intviewer-tutorial/using-netbeans-swing-components-walkthroughs/creating-a-panel-walkthrough","seo":{"title":"Creating A Panel Walkthrough"}},"lastModified":"2026-10-22T14:32:05.578Z","pagePropGetterError":{"message":"","name":""}},"slug":"/solutions/intviewer/intviewer-tutorial/using-netbeans-swing-components-walkthroughs/creating-a-panel-walkthrough","userData":{"isAuthenticated":false,"teams":["anonymous"]},"isPublic":true}