Precision Healthcare Solutions
CLINICAL OFFICE MPAGE SUITE DEVELOPER REPORTS DESIGNER shopping_cart mail
SALES CONTACT US
Getting StartedCerner SetupDeveloper PC SetupGitHub Project TemplatesFull Page DeploymentWorkflow ComponentsComponents & DirectivesButtonConfirm DialogDate Range PickerDrop-DownEmbedded WorkflowIconInputLogOptional TitlePatient SearchPrevent ScrollRadio ButtonsRemaining Screen SpaceResize ObserverScroll BarSelectTabbed MenuTableTreeModels & ServicesAddressAllergyCerner FunctionsCode ValueConfigCustom Custom Data DMInfoDiagnosisDialogEncounterLicenseMPageOrganizationPersonPersonnelPhoneProblemReferenceUtility

Full Page MPage Deployment

Deploy your MPage to PowerChart using the following steps.

  1. Compile your source code on your development PC/Mac using the npm run build command.
    npm run build
    You should see a new folder called dist appear in your project containing a sub-folder with the name of your MPage (e.g. my-first-mpage). This sub-folder contains your entire MPage.
  2. Copy the entire sub-folder (e.g. my-first-mpage) to a web server of your choice or to the Cerner WebSphere custom MPage content folder I:\Winintel\Static_Content\custom_mpage_content. Make sure you are only copying the sub-folder (e.g. my-first-mpage) and not the entire project or dist folder as doing so will copy more than you need and prevent your MPage from working.
  3. If deployed to the Cerner WebSphere custom MPage content folder, launch the Clinical Office: MPage Developer Setup and Configuration MPage from DA2 and select the Manager menu. A new window will open with the Cerner MPages Static Content Management Page. Locate custom_mpage_content and click the Refresh button to upload your MPage to WebSphere.
  4. Open prefmaint in Cerner. Select PowerChart and the Position you wish to add the MPage to. Expand the Organizer branch if you wish to add your MPage to the main PowerChart organizer, or expand Chart if your MPage is patient specific.
  5. Once you have expanded the Organizer or Chart branch, click on the branch. The Add Tab button should now be enabled. Click it to see the Define View(s) for Chart window appear. Locate Discern Report in the available tabs window, click on it to select it and then click on the down arrow button to move it to the existing tabs window. Finish off by clicking the OK button.
  6. Your new MPage tab will be located at the bottom of the branch you added it to (Organizer or Chart). Scroll down to it and click on it to show the existing preferences on the right hand side. Change the VIEW_CAPTION to a name you want your users to see. Next, change the WEB_BROWSER_SELECTION to 1-Edge Chromium.
    If you see a title called PVC_NAME with descriptions such as “The display name of the tab”, simply choose “Display PVC_Name” from the View menu.
  7. The final step is to point the new tab to your MPage code. Start by expanding your new Discern Report branch. You should see a sub-branch appear called Discern Report. Click on it.

    The preferences window should now be refreshed and contain a preference called REPORT_NAME. Enter in <url> followed by the HTTP or HTTPS address of your MPage. You must specify the index.html filename.
    e.g. <url>https://www.clinicaloffice.com/mpages/my-first-mpage/index.html.

    If your MPage is being hosted on the Cerner WebSphere custom MPage content folder, you can use the built-in $DM_INFO:CONTENT_SERVICE_URL$ variable to resolve the location of the WebSphere server. This is also great for moving the MPage between domains as the server is different for each of your Cerner domains.

    The syntax of the REPORT_NAME preference is <url>$DM_INFO:CONTENT_SERVICE_URL$/custom_mpage_content/ {{ YOUR MPAGE FOLDER NAME }}/index.html
    e.g. <url>$DM_INFO:CONTENT_SERVICE_URL$/custom_mpage_content/my-first-mpage/index.html

    Finally, click the OK button to save your changes.

  8. Close prefmaint and launch PowerChart to view your MPage.
<< Prev: GitHub Project Templates
Next: Workflow Components >>
Copyright © 2026 Precision Healthcare Solutions