Editing App Groups

The following steps demonstrate how you could edit the properties of existing app groups.

  1. Go to the App Groups page:

    • On the main navigation bar, click Admin.

    • In the dropdown, click App Groups.

      Administration menu; shows App Groups (active), Set Homepage, and Site Administration that includes Activity Log, Users & Groups, Manage Roles, Custom Styles, and Site Settings
      Selecting App Groups from Admin () Menu

      App Groups interface appears.

  2. Alternatively, in the Apps interface,

    • In the left side bar, click on one of the existing app groups, and then click Add/remove group.

      adding/removing app groups
      Adding/Removing App Groups Option, from Left Navigation

      The Select App Groups modal window appears.

    • In the Select App Groups modal window,

      1. [Optional] Click New group and enter its name to quickly create a new group, and click Save.

        If you change your mind, click the (trash) icon next to the name of the new group before clicking Save.

        Creating a New App Group in Select App Groups Modal Window
        Creating a New App Group in Select App Groups Modal Window
      2. [Optional] If you want to work with a smaller number of groups, de-select the other groups.
      3. Click To Manage Your App Groups, go to the App Groups page under the Settings Menu.

        Navigating to App Group Management Interface from Select App Groups Modal
        Navigating to App Group Management Interface from Select App Groups Modal
  3. When the App Groups interface appears, note the available actions:

    1. Create a new app group, by clicking New App Group.

      See Creating Custom App Groups.

    2. Expand or collapse a multi-level app group, by clicking the (right) / (left) icon.

      Note that the name of the top-level app group appears in heavier font then the names of its subgroups. Also notice that all following actions apply to the top-level group, and subgroups cannot be modified.

    3. Choose whether to include an individual app group in the Apps left side navigation menu, by selecting or de-selecting that option.
    4. Externalize the app group by clicking View Standalone App.

      See Creating Standalone Applications.

    5. Edit the properties of a specific app group by clicking the (gear) icon on its line.
    6. Delete a specific app group by clicking the (trash) icon on its line.

      You must complete the prompts in the Delete Confirmation window modal to finalize deletion.

    Features of the App Groups Interface
    Features of the App Groups Interface
  4. Click the (gear) icon for one of the app groups.

    We will edit the Favorites app group.

  5. In the App Group: Favorites interface, note that there are two tabs: Basics, and  Settings.

    By default, you cannot edit the properties of the app group.

    If you have the appropriate privileges, click  Edit on the top left menu.

    Edit App Group
    Edit the App Group
  6. The App Group: Favorites interface appears, in edit mode.

    Changing the Properties of an App Group, Basics
    Changing the Properties of an App Group, Basics
  7. Under the Basics tab, make the following changes:

    • Change Name to Frequently Used.
    • Change Icon by expanding the drop-down menu and making a selection.
    • Add three Subgroups by clicking the (plus) button, and entering subgroup names Needed, Wanted, and Just Because.

      To re-order, hover over a subgroup until the pointer changes to (crossed arrows), and drag/drop it into the desired position.

      Delete one of the subgroups by clicking the (trash) icon next to its name.

    • Under Access, select or de-select the options Show in my Apps side menu, and Only visible to me.
    Adding Subgroups in App Group Edit Mode, Basics
    Adding Subgroups in App Group Edit Mode, Basics
  8. Click on the Settings tab.

    The Settings options appear.

    Changing the Properties of an App Group, Settings
    Changing the Properties of an App Group, Settings
  9. Under the Settings tab, make the following changes:

    • Under Basic Styling heading, select Display menu on the left.
    • Under Custom Styling heading, specify the CSS class for app group.

      We used MyFavoriteThings.

    • Under Included Styles, click Add Style.

      From the Pick Custom CSS window modal, select an existing style, and click Add. We used DarkBlueTableBar.

      Adding Custom CSS Definitions to an App Group
      Adding Custom CSS Definitions to an App Group
    • Under Enter inline CSS rules here, add the following code:

      .appgroup-title {
        font-size:40px;
        color:#29cfd4;
      }
    Adding Inline CSS Definitions to an App Group
    Adding Custom CSS Definitions to an App Group
  10. In the top left menu, click Save.
  11. A Success confirmation modal window appears briefly, stating that the app group Frequently Used was updated.

To see the changes made to the app group, click Apps in the top menu, and then select Frequently Used from the left side bar.

Note that you can expand app group to show its subgroups.

New App Group and its Subgroups in the Left Navigation Menu
New App Group and its Subgroups in the Left Navigation Menu

To see app group behavior, click View Standalone App in the top menu. Note that this app group shows a menu on the left.

New App Group in Standalone Mode, with Navigation Menu on the Left
New App Group in Standalone Mode, with Navigation Menu on the Left