Customize Workspaces

This customization option is only available for Add Tile Region component. You can add multiple custom tiles, custom live tiles, and preset tiles such as Class Scheduling, Document Tracking, Tasks, Settings and more under this region.

1. Select the menu icon (). Anthology Student displays a drop-down menu.

2. Select the Add Tile option from the drop-down. Anthology Student displays a dialog.

   

3. Take the appropriate action.

   • To configure a custom tile, select the Custom Tile tab and specify the values.

     Background Color Select the background color from the color picker. CSS Font Class Indicate the CSS font class if you want to add a customized CSS font class. You can use any Anthology Student icons or Font Awesome icons. If you want to add icons, follow the steps mentioned to add icons to custom tile. Font Color Indicate the color of the font. Hover Background Color Indicate the background hover color.

     Hover Font Color Indicate the font color when the mouse hovers over the font. Open tile contents in new tab Indicate whether you want to launch the URL with a new tab when you select the Tile within the workspace. If this option is not selected, when you select the Tile within the workspace, it launches the URL within the same window. Tile Label Indicate the title of the tile. URL Indicate the URL of the tile.

     

   • To configure a custom live tile by entering a API URL that returns a count, select the Custom Live Tile tab and specify the values.

     Background Color Select the background color from the color picker. Font Color Indicate the color of the font. Hover Background Color Indicate the background hover color. Hover Font Color Indicate the font color when the mouse hovers over the font. Open tile contents in new tab Indicate whether you want to launch the URL with a new tab when you select the Tile within the workspace. If this option is not selected, when you select the Tile within the workspace, it launches the URL within the same window.

     Query URL Indicate the API URL. For your example, if you have a query that returns the number of leads in the system then the count or total number from this query is displayed on the tile in the workspace. When you select the tile, the URL configured takes you to a Report or View of the details behind the count. Query Interval in Seconds Indicate the interval or the number seconds the component will wait before it calls the API to get an updated count again. For example, every 60 seconds. Tile Label Indicate the title of the tile. URL Indicate the URL of the tile.

     

     For example, if you want to add a tile that displays the count of books, you would specify the URL for the: 

     • Location you want to direct the staff member to when they select the tile in the first URL field
     • Query that calculates the count of books in the second URL field

     

   • To select a preset tile from the available list of tiles, select the Preset Tile tab. For example, you can add Students, Groups, Document Tracking, Tasks, Views, Configuration, Reports, Processes, Settings and Class Scheduling.

     

4. Select the Save button. Anthology Student displays the changes in the tile region.

If you have already added a custom or custom live tile, you can add a customized icon from the Font Awesome library or Anthology library.

To add a Font Awesome icon: 

1. Navigate to https://fontawesome.com/.

2. Select the Icons tab on the top menu.

3. Explore and select the icon you want to add. The HTML code appears on screen.

4. Copy the icon name from the code, for example if the code is <i class="fa-thin fa-globe"></i>, copy fa-globe.

5. Navigate to Workspaces.

6. Select the tile menu tab.

7. Select the Properties option from the drop-down menu. Anthology Student displays a dialog.

8. Add the icon library, icon name, and icon size to CSS Font Class field in the following format: [icon library] [icon name] [icon size].

   For example: fa fa-globe fa-3x

   • fa - refers to icon library (Font Awesome)
   • fa-hippo – refers to the name of the icon
   • fa-3x – defines the size of the icon (2x,3x,4x).

9. Select Save. 

To add an Anthology Student icon:

Add the icon in this format [icon library] [icon name/icon group name] [icon-size]. For example, cmc-icon cmc-icons-student large

You can add security to restrict the access of a specific component or a tile from the staff members.

1. Select the Add Security option from the drop-down menu. Anthology Student displays the Recent Student Properties dialog.

   

2. In the Permit NSA Operations, specify the authorization. The pre-populated authorization appears on the field.

3. Select the add icon (). You can view the authorizations added above the Permit NSA Operations field. You can add or delete multiple authorizations.

   

4. Select the Update button.

For more information, refer to System Administration.

1. Select the Properties option from the drop-down menu. Anthology Student displays the Region Template Properties dialog.  

   

2. Review, specify, or change the following values.

   Number of Tiles Across Indicate the number of tiles that you want to have across the workspace. Title Indicate the title of the tile. Wide Columns Select the check box to indicate that you want a wide column.

You can add security to restrict the access of a specific tile from the staff members.

1. Select the Add Security option from the drop-down menu. Anthology Student displays the Recent Student Properties dialog.

   

2. In the Permit NSA Operations, type in the authorization. The pre-populated authorization appears on the field.

3. Select the add icon (). You can view the authorizations added above the Permit NSA Operations field. You can add or delete multiple authorizations.

4. Select the Update button.

1. Select the Properties option from the drop-down menu. Anthology Student displays the Region Template Properties dialog.

   

2. Review, specify, or change the following values.

   Background Color Select the background color from the color picker. CSS Font Class Indicate the CSS font class if you want to add a customized CSS font class. You can use any Anthology Student icons or Font Awesome icons. If you want to add icons, follow the steps mentioned to add icons to custom tile. Font Color Indicate the color of the font. Hover Background Color Indicate the background hover color.

   Hover Font Color Indicate the font color when the mouse hovers over the font. Open tile contents in new tab Indicate whether you want to launch the URL with a new tab when you select the Tile within the workspace. If this option is not selected, when you select the Tile within the workspace, it launches the URL within the same window. Tile Label Indicate the title of the tile. URL Indicate the URL of the tile.