How to Customize the Layout of a Page

You can customize the contents and layout of pages in the application to meet your needs. This topic provides instructions on making a variety of layout changes. Note that some features are not available on all pages.


Sorting the Grid on a Single Column

Sorting the Grid on Two Columns

Selecting Columns to Include in a Grid

You can select the specific columns that you want to include in the grid.

  1. Click to display the Select Grid Columns window, as shown in the example below:

By default, all of the column options are selected.

  1. Select (to uncheck) the columns that you do not want to include in the list.

  1. Select the Save & Close link to save your selections and close the window.

The page refreshes. The grid now includes only the columns you selected.

Changing Column Widths

You can easily change the width of a column in a list to make it wider or narrower.

  1. Position your mouse pointer on the line between the column that you want to widen or narrow and the column next to it.

A double-arrow cursor is displayed at the boundary line between the two columns. For example:

  1. Click the left mouse button and drag the boundary line right or left to respectively widen or narrow the column to the left of the cursor.

  2. Release the mouse button after the column is the width that you want it to be.

Rearranging Columns

You can rearrange the columns in the layout to suit your particular preference for viewing information. After rearranging the columns, you can permanently save your new layout so that the next time you display the page, your new layout is displayed.

  1. Click and hold the left mouse button while dragging the desired column to a new location.

As you drag the column, a double-arrow cursor is displayed at each boundary between the columns. This special cursor lets you know where you can release the mouse button to relocate the column.

In the above illustration, the user wants to relocate the Nick Name column between the Name and Title columns. The double-arrow cursor marks the exact location where the column can be placed.

  1. When the column is in the desired location (as indicated by the double-arrow cursor), release the left mouse button.

The content reloads and the column appears in its new location, as shown in this illustration:

If desired, you can permanently save your column changes so that they are in effect the next time you display the page or you can reset the layout to the default configuration.

Filtering the Display of Records

As a list grows in size, you will find it very useful to filter your records to see a specific subset. The alphanumeric filters, located at the top of the directory, provide a way to help you manage list views and drill down to the exact records you want to see. For example, you can set up the filters to view only those staff members whose name begins with "M". For step-by-step instructions on using the filters, see How to Use the Filters.

Sorting the Display of Records

Sorting is a process of arranging the records in a systematic way based on type of data in a particular column. Text data is sorted alphabetically (in A to Z or Z to A order), number data is sorted numerically (from smallest to largest or largest to smallest), and date data is sorted chronologically (from most recent to least recent or least recent to most recent). The sorting functionality is applied to columns in many of the application's grids. When sorting is applied to a column, one of the following icons appears to the right of the column header:

To switch between ascending and descending order, click the column heading.

(Ascending): this sort icon looks like an up arrow. It indicates that the data in the column is sorted in ascending order, which means that successively higher values (alphabetic or numeric) are displayed as you proceed down the column. For alphabetic sorts, ascending order is from A to Z. For numeric sorts, ascending order is from 0 to 9. For date and time sorts, ascending order puts the recent dates first.

(Descending): this sort icon looks like a down arrow. It indicates that the data in the column is sorted in descending order, which means that successively lower values (alphabetic or numeric) are displayed as you proceed down the column. For alphabetic sorts, descending order is from Z to A. For numeric sorts, descending order is from 9 to 0. For date and time sorts, descending order puts later dates first.

Sorting the Grid on a Single Column

To sort the grid on a single column, simply click the desired column header. For example, to sort data in the Organization Licensing grid by organization name, click the Organization Name & City column header. To change the sort to a different column, simply click that column's header again.

Sorting the Grid on Two Columns

Sometimes you may want to sort data in a grid on more than one column. For example, if you are working in the Member List, you may want to display it sorted first by last name and then by first name. This type of sort can be useful when you have multiple members with the same last name. It can make it easier to find the member you are looking for.

To sort a grid on two columns:

  1. Click the header of the column you want to use for the primary sort.

After you click the header, a sort icon appears on the header to let you know the data in the column is being sorted on and to indicate the direction of the sort.

Using our Member List example, this would be the Member Last column.

  1. If the sort direction on the column is not correct, click the header again to change the direction.

The grid updates to show you the results of the sort.

  1. Press and hold the Shift key while clicking the header of the column you want to use for the secondary sort.

In our example, this would be the Member First column.

  1. If the sort direction on the secondary sort column is not correct, press and hold the Shift key again while clicking the column header to change the direction.

The grid updates to show you the sort results.

The following illustration shows you the results of a two-column sort applied to the Member List grid. In this example, member records are sorted first by last name (primary sort) and then by first name (secondary sort). Note how the sort makes it easier to find the records of individuals who have the same last name.  

 

Saving Sort Settings

If desired, you can permanently save your sort settings so that they are in effect the next time you display the page.

Changing the Number of Records Displayed Per Page

By default, ten records are displayed per page. To change the number of records that you can view on each page, select the desired option from the # Records list:

To speed up page loading, select a lower value.

Permanently Saving Layout Changes

If desired, you can permanently save your new layout (sort settings and column changes) so that they are in effect the next time you display them. To do this, click .

Resetting the Layout to the Default Configuration

To reset the layout to the original view (default settings), click .

 

 
Related Topics

 

<Back to top>