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

Section titled “Adding MMIs”

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

Configuring MMIs

Section titled “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

Section titled “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

Section titled “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

Section titled “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

    Section titled “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

    Section titled “Content Editor”
    <body>
    <parone-mmi-editor list-path="LIST_PATH" mmi-key="YOUR_MMI_KEY" auth-token="USER_AUTH_TOKEN"/>
</body>

    Reports

    Section titled “Reports”
    <body>
    <parone-mmi-reports list-path="LIST_PATH" mmi-key="YOUR_MMI_KEY" auth-token="USER_AUTH_TOKEN"/>
</body>