When adding content that was originally created in a document processing software like Microsoft Office (Word or Excel) or Apple Pages, you may encounter some formatting inconsistencies when pasting your data into Op Central. 

Certain Microsoft Office/Apple Pages formatting like font sizes, anchor points, margins, custom fonts and colours, are not compatible with web browsers (HTML); and if pasted into Op Central, it may result in inconsistency and formatting issues on the webpage when viewing your content. 

To help overcome this, Op Central has built in it's very own formatting converter, which will remove or change most incompatible formatting when you paste your content in.

This has been tried and tested across a wide variety of different formatting options and file types, however please notify the Op Central Support team if you notice a piece of content isn't pasting in to your expectations. Some pieces of formatting are unable to be automatically removed, and may require editing/removing manually which we can assist with.

 

A few pointers & tips:

  1. Tables will usually paste into Op Central with a specific pt (point) width. This cannot be changed automatically, and since web browsers are measured in px (pixels) not pts, this could cause the table to display small or squished on the screen. 

    To fix this: click anywhere on your table, then click Table Properties on the popup toolbar.


    Change your table width to 100%. Be sure to include the % sign. This ensures that no matter what screen size you're viewing on, the table will be 100% of that screen size (ie fully responsive). You do not need to add anything into the "Height" field.

     
  2. For a neat and easy to read table, we also recommend adding a "Cell Padding" of between 5-10. This will ensure your text isn't squished against your table borders, and has some space.

  3. To colour a cell in a table (or multiple cells):
     
    • Click on the cell you want to colour (or click and drag your mouse to highlight multiple)
    • Click the table button in the main editor toolbar
    • Hover your mouse over Cell, then click Cell Properties
       
    • Click the Advanced tab
    • Change the background colour to any hex code by typing it in, or select any colour by using the colour picker. Click on colour preview square to open the colour picker. 
       

       
  4. Images do not copy/paste between external sources and Op Central. You will need to save the images from the document to your device, then upload those images into Op Central.
    If they are being added to a policy in the Manuals section, then you will need to upload them into the File Manager first before adding them to the policy content
    If they are being added to a News Article or other area, you can upload them straight from your device.

  5. If you notice formatting such as "Headings" are not copying over as you see it in the original document, it may not be set to that formatting type in the MS Word/Apple Pages document.
    Eg: If a page heading has manually been made bold, underlined and 16pt instead of using the built in Heading 3 option in MS Word, the Op Central system can only recognize the bold & underline, not the font size and therefore it will not carry over. 

  6. To ensure images display accurately across all screen sizes and devices, the most effective method is to use Op Central's built in "responsiveness". To set this responsive on your images:
     
    • Upload the image to your news article, policy, training activity, etc, then right click on it.
    • Click on the "Image" button that appears to open the image settings popup.
    • In the popup, put 100% in the first "Dimensions" field only - you do not need to add it to the second one as well, because the correct proportions will automatically be applied using the first. 
      If you add 100% to the second field as well, your image may become distorted on smaller screen sizes.
    • Click Save to apply the responsiveness. This means that your image will display at 100% of the screen size, no matter how big or small that screen is. If you want it to display smaller, you can set that using the same method but choosing a lower percentage (e.g 50% for half screen size, etc).