During this topic we will review some Grid page controls.
Steps:
Click the Sign In button.
Step 1For this example we will view the Contact Address/Phone page.
Step 2This is an employee Contact Address/Phone page.
Step 3Employee names are displayed with a dashed underline which indicates the availability of a mouse over popup page.
Click the sonu nayar object.
Step 4When you click or mouse over the employee name, additional information about an employee appears in a popup window. The popup window disappears when you move the mouse away.
Step 5The Other Phone Numbers page in the Emergency Contact component contains a grid area.
Click the Other Phone Numbers tab.
Step 6On some pages, you may want the fields to repeat in order to enter multiple rows of data.
Grids look similar to a spreadsheet with column headings, rows, and cells. The cells are equivalent to fields. Fields within a grid may be represented as edit boxes, drop-down list boxes, check boxes, and radio or prompt buttons.
Step 7Rows of data in grids always share the same high-level keys. For example, for the Other Phone Numbers page, you can have multiple rows for the different phone types. If you have multiple rows, each of these rows has the same Person ID as the key field. If you insert a new row, the system automatically copies the shared key data into the new row.
Step 8Instead of using a traditional scrollbar to scroll through the rows of data in a grid, CONNECT uses navigation buttons and hyperlinks. Most often, you will find these buttons and hyperlinks in the navigation header for each area, with the exception of the Insert Row and Delete Row buttons.
Step 9Use the Find link to find a specific row of data.
Step 10Use the View All link to display all rows of data on a page. When this feature is enabled, the link changes to read View 1, so that you can return to the original setting.
Step 11The First link takes you to the first row of data.
Step 12Use the Previous Row arrow to navigate to the previous row of data.
Step 13The number system for the rows shows the number of rows you are currently viewing. In this example we 1 of 1 Emergency Contact.
Step 14In the Other Phone Numbers for Emergency Contact, notice the dispay is now 1-3 of 3 phone numbers.
Step 15Use the Next Row arrow to navigate to the next row of data.
Step 16The Last link takes you to the last row of data.
Step 17The Add Row button inserts a new row of data.
Step 18The Delete Row button deletes the current row of data.
Step 19For this example, we navigated to the Compensation page in the Job Data component for you (see the navigation path at the top of the page for navigation).
Step 20Another type of grid is a tabbed grid. These grids provide a means of viewing multiple columns of information without having a horizontal scroll to view them.
Here you can see a tabbed grid section. You select a tab to view the additional columns.
Click the Changes object.
Step 21Notice that different columns are displayed.
Click the Amounts object.
Step 22To add data on this page, you must use Correct History.
Click the Correct History button.
Step 23Notice that the number system for the rows in the grid navigation header shows 1 of 1.
Step 24To add a new row of data to a grid, you click the Add Row button to insert a row just below the row you are on. Each time you add a new row, you are actually adding a new row of data to the database table.
Click the Add a new row link.
Step 25A new row is now available. Notice that the number system for the rows in the grid navigation header now shows 1-2 of 2.
Step 26If you want to delete a row, click the Delete Row button.
Click the Delete row link.
Step 27The system displays a confirmation message asking if you want to proceed with the deletion. It also reminds you that the row will not be deleted from the database until you save the page; however, the row is automatically removed from the grid.
Click the OK button.
Step 28You may also encounter grids that can be collapsed or expanded. By clicking the right pointing arrow in front of the grid heading, you can expand a grid that is hidden from view or collapsed.
Click the Expand section link.
Step 29You can collapse the grid by clicking the down arrow in front of the grid heading.
Click the Collapse section button.
Step 30Remember to Save the page to apply corrections/changes.
Step 31You have completed this topic.
Click the Home link.
Step 32Click the Sign out link.
Step 33You have successfully used the grid page controls with multiple rows of data.