3.7.4 Exercise
- Jessica Reyes (Unlicensed)
| This section explains the basics of the feature. Please utilize the feature according to your site environment. |
Exercise: Opening a Page in the Frame
The following is an example of opening a different page in a frame.
(1) Page Configuration
a) Create the pages to be used for the frame. In the frame, the user will touch the objects in the upper frame to open the different pages in the lower frame. Create 1 normal page for the upper frame and 3 normal pages for the lower frame.
b) Configure the page for the upper frame as shown below. Each object will be configured with the ‘Touch’ feature to open the corresponding page.
c) Configure the pages for the lower frame as shown below. To distinguish the pages, mark the pages with the floor number on the top left corner.
d) Select each page and go to [Tools] – [Page Setup]. In the [Page Position] tab, enter the size and position in frame as shown below then press [Copy]. The edit position is not applied when you are using the page as a component of the frame. Press [OK] to finish the configuration.
(2) Frame Configuration
a) Select [File] – [Frame Editor] to configure the frame. In this example, the frame will be configured as shown below. Assign the “UpperFrame” page at ‘Page1’, and “1F” page to ‘Page2’ to display the page at first when the project is executed.
b) Enter the name of the frame file and press the [Add] button to finish the configuration.
(3) Setting Starting Page
a) Select [Tools] – [XPANEL Configuration] to bring up the [XPANEL Configuration] window as shown below.
b) Select the ‘Page’ frame file from the ‘Starting Page’ list, then press the [Ok] button to finish the configuration.
(4) Checking the Operation
a) To check the operation that you are editing on the PC, select [Tools] – [Run Simulator] or press the [F5] key. You can check if the project operates properly by selecting each button in the following window.