Editing custom account pages

Out-of-the-box, iMIS comes with pre-built account pages that users are encouraged to make copies of, so they can customize the account pages. See Understanding and modifying account pages to learn how to create custom account pages.

Once you begin working with custom account pages, you can continue to edit aspects of the account pages.

Editing panels on account pages

When editing panels, you can add or remove properties or change property labels.

Adding and removing properties

  1. From the Staff site, go to the account page you want to edit.
  2. Enable Easy Edit. Content items available for customization have a blue bar underneath each item.
  3. Click the edit icon located in the blue edit bar of a Panel Editor content item.
  4. Next to the Panel option, click Edit.
  5. Click and drag additional properties to the layout area to add new properties.

  6. Click the X on each property in the layout area to delete unwanted properties.
  7. Click Save & Close.
  8. Click Save & Publish.

Changing property labels

Do the following to change a property label:

  1. From the Staff site, go to the account page you want to edit.
  2. Enable Easy Edit. Content items available for customization have a blue bar underneath each item.
  3. Click the edit icon located in the blue edit bar of a Panel Editor content item.
  4. Next to the Panel option, click Edit.
  5. Scroll down to find the property Label you wish to change, delete the current label, and type the new one.
  6. Click Save & Close.
  7. Click Save & Publish.

If you wish to add a new panel to an account page, see Creating a panel and adding it to account pages.

Editing the layout of an account page tab

Do the following to edit the layout of an account page tab:

  1. Go to RiSE > Page Builder > Manage content.
  2. Navigate to @/Shared_Content/Staff/Tabs.
  3. 📘 Note

    Your custom account pages may be in a different folder. If your account page tabs are not located in the Shared Content folder, locate the account page tabs.

  4. Double click on the tab you want to rearrange.
  5. Click and drag the various content items to their new locations you want them to display at. Available areas to move the content item to highlight in gray.
  6. Click Save & Publish.
Editing the name and order of account page tabs
  1. If you have not already done so, copy and paste each content record in the @/iCore/Contacts/Account/Staff/Tabs folder to the @/Shared_Content/Staff/Tabs folder. For more details on this step, see Staff view: Creating custom account pages for individuals.
  2. Open the content record of the tab for edit.
  3. Enter the new name in the Title field. This field specifies what is displayed in the title of a browser window or browser tab.
  4. Enter the new name in the Publish file name field. This specifies the name of the .aspx file to which this content record is published. Entering a number as the first character of the Publish file name will specify the order the tab appears on an account page, beginning with zero.
  5. Click Save & Publish.

Deleting a tab from an account page

To delete a tab you do not want or need to use, simply delete the related content record from the @/Shared_Content/Staff/Tabs folder:

  1. Select the content records, for example, Volunteering and Giving.
  2. 📘 Note

    To select multiple content records at once, hold down Ctrl on your keyboard, then click each content record.

  3. Go to Organize > Delete.
Editing queries on account pages

Even after copying the out-of-the-box account pages, you are still using out-of-the-box queries on the copied pages. If you need to edit a query on one of the account page tabs, you will need to do the following:

  • Make a copy of the query - On each iMIS upgrade, the out-of-the-box content, including queries, is overwritten. Any changes made to out-of-the-box content are not preserved on upgrades, so it is best practice to make a copy of the content, then make changes to the copy.
  • Make changes to the copied query
  • Update the custom account page to point to the updated query

👍 Example

You need to display the shipping costs associated with Orders located on the Transaction tab of account pages.

Determining the query's location

Do the following to determine where the query exists in the Document System:

  1. Go to an account page.
  2. Enable Easy Edit.
  3. Locate the query you need to edit. For this example, it is the Orders query.
  4. Select the content item configure bar below the Orders list.
  5. Make note of the query path in the Source query or folder field.

Editing the query

Do the following to edit the query:

  1. Go to RiSE > Intelligent Query Architect.
  2. Navigate through the query path. For this example, the path is the following:$/Common/Participation/Closed Invoices.
  3. Make a copy of the query and paste it into the same folder or any folder you want. If pasting the query in the same folder, the name of the query is prepended with "Copy_of".
  4. Open the query and edit as needed. For this example, click the Display tab.
  5. From the Display tab, select the drop-down on the right-side of the screen and choose View all columns.
  6. Enable the Display checkbox for the Order.Shipping property.
  7. Continue editing the query as needed, then click Save.

Updating the account page to use the edited query

Do the following to update the account page to use the edited query:

  1. Navigate back to the account page and locate the query.
  2. Select the content item configuration bar below the query.
  3. Scroll down to the Source query or folder field, and select the new query.
  4. Click OK, then click Save & Publish.

The account pages now display the newly updated query.

Updating the account page banner color

There are out-of-the-box CSS classes that enable users to change the banner color on account pages.

📘 Note

Only one class can be used at a time.
Class to enter in the 'Page contain CSS class' fieldHex code
account-banner-bg-color-1#ffffff
account-banner-bg-color-2#413d6b
account-banner-bg-color-3#6b458f
account-banner-bg-color-4#9b4c81
account-banner-bg-color-5#ca4d48
account-banner-bg-color-red#d03528
account-banner-bg-color-orange#e98300
account-banner-bg-color-yellow#e8d92d
account-banner-bg-color-green#68bd49
account-banner-bg-color-blue#00a9e0
account-banner-bg-color-purple#413d6b

Do the following to update the account page banner color:

  1. Navigate to a contact account page and enable easy edit.
  2. Select the edit bar at the bottom of the page.
  3. Click the Properties tab.
  4. From the Page contain CSS class field, remove the account-banner-bg-color-2 class and add the new class.
  5. Click Save & Publish.
Adding out-of-the-box content to custom account pages

After you start using custom account pages, any new content added to the out-of-the-box account page tabs is not automatically added to your custom account pages.

To add the new content on out-of-the-box account pages to your custom account pages, do the following:

  1. Go to RiSE > Page Builder > Manage content.
  2. Navigate to the out-of-the-box account page tabs:
    • Individuals: @/iCore/Contacts/ContactLayouts/Staff/Tabs
    • Organizations: @/iCore/Contacts/OrganizationLayouts/Staff/Tabs
  3. Open the content record that contains the new content you want to use. For example, if there is content on the Membership tab that you want to use on your Membership account page tab, open the Membership content record.
  4. 📘 Note

    If you would like to use all content on a tab, copy the entire content record, then paste it in the same location as the other account page tabs.
  5. Find the content item, then click Copy To.
  6. From the Document Browser, navigate to the page you want to move the content to.
  7. Click OK.
  8. Continue that process for each content item you want to use, then close the content record.
  9. Navigate to the page you moved the content to, then open it for edit.
  10. Move the content item around to the desired location, then click Save & Publish.


Did this page help you?