Skip to content
ParOne

Media Management Interface

Requires MMI

This guide provides a comprehensive overview of how to add, configure, and manage MMIs using the ParOne platform.

Adding MMIs

Click on “Media Managment Interface” in the sidebar, and click “Add MMI” in top right part of the screen.

Configuring MMIs

  1. Add a thumbnail to identify this MMI in the list of MMIs. Configuring MMIs

  2. Give your MMI a title. Configuring MMIs

  3. Configuring what the MMI allows users to do

  4. Select a sidebar settings. You can customize the order these items appear. Configuring MMIs

  5. Add CSS Styling to make your MMI your own. Configuring MMIs

  6. Remember to Save! Configuring MMIs

Integrating MMI

The MMI system is available both as a single all-in-one component, where the entire UI is in one page & one tag, and as a collection of standalone components that can be integrated into separate pages.

All-in-one

  1. Add <script> Tag

    Include the ParOne MMI SDK script tag in your website’s <head> section.

    <head>
        <script src="https://mmi.parone.io/mmi.min.js"></script>
    </head>

  2. Insert <parone> Tag Insert the ParOne MMI tag into your site’s <body> section. Replace YOUR_MMI_KEY with your MMI key. Replace USER_AUTH_TOKEN with a token that authenticates the current user for the MMI specified.

    <body>
        <parone-mmi mmi-key="YOUR_MMI_KEY" auth-token="USER_AUTH_TOKEN"/>
    </body>

Standalone

  1. Add <script> Tag

    Include the ParOne MMI SDK script tag in your website’s <head> section.

    <head>
        <script src="https://mmi.parone.io/mmi.min.js"></script>
    </head>

  2. Insert <parone> Tag The MMI system Insert the ParOne MMI tag into your site’s <body> section. Each component has its own tag and requires an mmi-key and auth-token to be provided. The relative paths to use for navigating to the other pages must also be provided. Replace YOUR_MMI_KEY with your MMI key. Replace USER_AUTH_TOKEN with a token that authenticates the current user for the MMI specified.

    Content List

    <body>
        <parone-mmi-list editor-path="EDITOR_PATH" reports-path="REPORTS_PATH" mmi-key="YOUR_MMI_KEY" auth-token="USER_AUTH_TOKEN"/>
    </body>

    Content Editor

    <body>
        <parone-mmi-editor list-path="LIST_PATH" mmi-key="YOUR_MMI_KEY" auth-token="USER_AUTH_TOKEN"/>
    </body>

    Reports

    <body>
        <parone-mmi-reports list-path="LIST_PATH" mmi-key="YOUR_MMI_KEY" auth-token="USER_AUTH_TOKEN"/>
    </body>