Homepage | About EASA | Contact
Practical Session 2 | Practical Session 4
Estimated completion time = 20 minutes.
In this third practical session, you will add data entry objects to begin to fill out the user interface of the EASAP. Data entry objects are placed within a TABBED PANE. The data entry objects within your Stock Screener EASAP include:
Please follow the instructions below to complete this practical session.
You are now ready to proceed with adding data entry objects to the user interface of your 'Stock Screener' EASAP.
Parameter Name | Parameter Value |
---|---|
Tab: | Stock Screener |
Let's check our work.
The window should look like this:
Note: You will now start to add data entry objects to choose the 'Exchange' and 'Sector' of the stock you want to query and also perform a financial query either on the stock price or on the company’s revenue.
Parameter Name | Parameter Value |
---|---|
Layout: | Horizontal |
Show Border: | FALSE |
Note: SUB PANE's are used to group objects and to control their layout within a TABBED PANE. The Layout: parameter specifies how objects are distributed within the SUB PANE. Objects can be laid out horizontally, vertically or in a grid formation.
Parameter Name | Parameter Value |
---|---|
Border: | Filters |
Layout: | HORIZONTAL |
Parameter Name | Parameter Value |
---|---|
Label: | Exchange: |
Input Type: | Text |
Parameter Name | Parameter Value |
---|---|
Allow: | List |
Source: | NASDAQ, AMEX, NYSE |
Parameter Name | Parameter Value |
---|---|
Label: | Sector: |
Parameter Name | Parameter Value |
---|---|
Source: | Basic Industries, Capital Goods |
Note: For now, the values in the Source: parameter are being manually set to a sub-set of all 'Sector' choices in the database. Later, in Practical Session 5, you will change this so that the full list is read from the database.
Parameter Name | Parameter Value |
---|---|
Border: | Financial Query |
Layout: | HORIZONTAL |
Parameter Name | Parameter Value |
---|---|
Label: | Field: |
Input Type: | Text |
Parameter Name | Parameter Value |
---|---|
Allow: | List |
Source: | Revenue, Price |
Parameter Name | Parameter Value |
---|---|
Label: | Operator: |
Enable if: | inputbox_Field_Name != "" ←two double-quotes for the default, empty string |
Parameter Name | Parameter Value |
---|---|
Source: | >,< |
Note: You can enter logical expressions within the Enable If: parameter. In the instance above, you enable the inputbox_Operator only if the inputbox_Field_Name does not equal (!=) “” (or NULL) in the EASAP. Please see Expressions for a list of logical operators available for use in expressions.
Parameter Name | Parameter Value |
---|---|
Label: | Value: |
Input Type: | Number |
Default: | 100 |
Enable if: | inputbox_Field_Name != "" ←two double-quotes for the default, empty string |
Now add a SUB PANE containing the 'Search Stock Data' and 'Create Report' BUTTON's.
Parameter Name | Parameter Value |
---|---|
Layout: | HORIZONTAL |
Show Border: | FALSE |
Parameter Name | Parameter Value |
---|---|
Label: | Search Stock Data |
Parameter Name | Parameter Value |
---|---|
Label: | Create Report |
We want to give our new BUTTON's a uniform look-and-feel. Now we add rounded corners, centered text, uniform width, etc… (CSS is browser dependent, this tutorial uses Chrome). To achieve this we will create a USER INTERFACE STYLE to add the CSS to the two BUTTON's above.
other_style1 has a single parameter, CSS Properties: Set it with a copy-and-paste of the CSS string below:
Parameter Name | Parameter Value |
---|---|
CSS Properties: | width: 150px; border-radius: 8px; padding: 6px 20px; text-align: center; text-decoration: none; display: inline-block; font-size: 12px; |
For each of our two BUTTON's: button_Search_Stock_Data and button_Create_Report, Set:
Parameter Name | Parameter Value |
---|---|
Style: | user_interface_style_button |
We have completed all the USER INTERFACE objects. The Tree should look like:
After clicking on the Test Web Browser button (), the EASAP should look like:
You have now completed Practical Session 3 and you can either proceed to the next session or take a break and exit out of EASAP Builder.