Portal Editor

The Portal Editor screen is used to customize the Portal page display, or dashboard, for different profiles. The dashboard is built using blocks that can contain programs (such as Alerts, Find a Student, Upcoming Events), graphs, and custom HTML. Additional dashboards can also be set up for profiles. Additional dashboards display as tabs on the Portal screen that the user can click to view.

If a profile does not have a dashboard assigned, a default, hard-coded admin, teacher, parent, or student dashboard is displayed.

Adding a New Dashboard

1. In the Setup menu, click Portal Editor.

In the Dashboards pull-down, New Dashboard is selected by default.

2. Enter a Title for the dashboard.

3. Select one or multiple Profiles that will be assigned this dashboard.

4. To make this dashboard the default for the selected profile(s) (the dashboard will display first when the user logs in, if the user's profile has multiple dashboards assigned), select Default Dashboard.

When a user has multiple dashboards assigned to their profile, the default dashboard will display first when logged in. The additional dashboards display as tabs and can be viewed by clicking the tab.

5. Customize the dashboard by adding/removing rows and columns to the layout and adding programs, graphs, and HTML to the blocks. See the procedures below for more information.

6. Click Save.

Editing an Existing Dashboard

1. In the Setup menu, click Portal Editor.

2. In the Dashboards pull-down, select the dashboard to edit.

The dashboard layout is displayed on the screen.

3. Edit the dashboard by by adding/removing rows and columns to the layout and adding/removing programs, graphs, and HTML to the blocks. See the procedures below for more information.

4. Click Save when finished.

Deleting a Dashboard

1. In the Setup menu, click Portal Editor.

2. In the Dashboards pull-down, select the dashboard to delete.

The dashboard layout is displayed on the screen.

3. Click the red X next to the Dashboards pull-down.

4. In the confirmation message, click OK.

Adding and Removing Rows and Columns in the Dashboard Layout

Click the ROWS +, ROWS -, COLS +, and COLS - buttons to add or remove rows and columns to the dashboard layout.

A dashboard can have no more than 6 rows and 6 columns.

Adding a Program to a Block

Focus provides several hard-coded programs that can be added to dashboards.

1. In the Choose a Program pull-down, select the program to add to the dashboard.

2. Click the block in the layout where the program will be placed.

The block turns blue and displays the name of the program that was added.

Program Descriptions

The Featured Programs block provides quick links to some of the important programs in Focus. These are hard-coded. Click View All Programs for links to all programs in Focus.

Find a Student

The Find a Student program allows users to search for students directly from the Portal.

Upcoming Events

The Upcoming Events program displays the next 7 events on the calendar. The event displays until it has passed. Click the View Calendar link to open the calendar.

Focus University Courses

The Focus University Courses program displays links to online training courses (videos and assessments) on various topics.

Birthday List

The Birthday List program displays students and users who have birthdays during the current week.

School Folder

The School Folder program displays reports made available to the school by the district, such as FTE Summary Reports and validation/exception reports.

Positive Behaviors

The Positive Behaviors program allows parents and students to view the badges the student has earned.

District Reports

The District Reports program displays links to district reports that were set up to be Portal alerts and are available to your profile.

Messages

The Messages program displays Portal messages sent by the district or school for your profile.

Alerts

The Alerts program displays automated notifications that are profile-specific, such as the number of teachers who have not taken attendance, pending change requests, or discipline referrals that have not been processed. Clicking the alert hyperlink will open the relevant screen in Focus.

Teacher Web Pages

The Teacher Web Pages program provides links to teacher public web pages created in LMS.

Email Notifications

The Email Notifications program allows parents to set up email notifications for summaries for attendance, discipline, billing fees, upcoming assignments, grades, and events and messages.

Adding a New Graph to a Block

A graph can be added to a dashboard using a select query with an aggregate function. The graph types include bar, horizontal bar, line, area, and pie.

1. Click the Graphs tab.

2. Select New Graph in the pull-down.

3. Click the block in the layout where the graph will be placed.

Alternatively, a new graph can be added to a block by clicking the wrench icon at the top-left corner of the block.

The Design Graph pop-up window is displayed.

4. In the Query text box, enter the select query with an aggregate function.

A column alias must be provided for the field that should be displayed in the graph. The aggregate function used to provide the count needs to be denoted as the VALUE.

The use of column alias (including VALUE) is case-sensitive for Portal graphs. Be sure any column aliases are in all uppercase letters.

5. Define Key 1 for the graph. If there are multiple keys (the system allows two), define Key 2.

When defined, the key for the graph should exactly match the column alias for the data to be viewed.

6. Enter a Title for the graph.

7. Enter a Chart Color using a hex color code.

8. Select the Chart Type.

Click the Advanced tab to define more specific size, color, and other options for the graph.

9. Click Add.

The graph is displayed within the selected block.

If a graph has two keys, the Y-axis will display related to the primary key first, and then sort by the secondary key.

Adding an Existing Graph to a Block

1. Click the Graphs tab.

2. Select the desired graph from the pull-down.

3. Click the block in the layout where the graph will be placed.

The graph is displayed within the selected block.

Deleting a Graph from the Graphs List

1. Click the Graphs tab.

2. Select the desired graph from the pull-down.

3. Click the X next to the pull-down.

A confirmation window is displayed, indicating how many times the graph is being used and warning that deleting the graph cannot be undone.

4. Click Delete.

The graph is removed from any dashboards where it is used and is also removed from the graphs pull-down.

Editing a Graph

1. Click the Graphs tab.

2. Select the desired graph from the pull-down.

3. Click the wrench icon next to the pull-down.

4. In the Design Graph pop-up window, make the necessary changes and click Add.

Adding New HTML to a Block

1. Click the HTML tab.

2. Select New HTML from the pull-down.

3. Click the block in the layout where the HTML will be placed.

4. In the Custom HTML pop-up window, enter a Title.

5. Select Don't Show Title if you do not want the title to display on the block on the dashboard.

6. Use the editor to add formatted text, images, tables, etc.

7. When finished, click Add.

The HTML is displayed within the selected block.

Adding Existing HTML to a Block

1. Click the HTML tab.

2. Select the HTML from the pull-down.

3. Click the block in the layout where the HTML will be placed.

The HTML is displayed within the selected block.

Deleting HTML from the HTML List

1. Click the HTML tab.

2. Select the HTML from the pull-down.

3. Click the red X next to the pull-down.

A confirmation window is displayed, indicating how many times the HTML is being used and warning that deleting the HTML cannot be undone.

4. Click Delete.

The custom HTML is removed from any dashboards where it is used and is removed from the HTML pull-down.

Editing HTML

1. Click the HTML tab.

2. Select the HTML from the pull-down.

3. Click the wrench icon next to the pull-down.

4. In the Custom HTML pop-up window, make the edits as needed.

5. Click Add when finished.

Resizing a Block

Blocks can be expanded to take up more than one row or column in the layout if more room is needed for a particular program, graph, or custom HTML.

Click the arrows around the block to resize the block in the appropriate direction. For example, to expand this block to take up two columns, click the right arrow.

The block adjusts to fit the area.

Deleting a Block

Click the red X to the right of the block.

The program, graph, or custom HTML is removed from the layout.