Portal - Table Alignment Differs from Mavim Manager
This article ensuring consistent table presentation across platforms. -- KA-01572
Introduction
You may notice that a table you've meticulously aligned within the Mavim Manager doesn't appear the same way when viewed on the Mavim Portal. This often occurs because the default measurement units for table width can cause discrepancies in responsive portal environments. This guide will walk you through adjusting your table properties to ensure consistent alignment and display on the Portal.
How to Adjust Table Properties for Portal Alignment
To ensure your table displays correctly and spans the entire width of the screen on the Portal, follow these steps:
-
Open the Content in Mavim Manager: Navigate to the document or page containing the table that is experiencing alignment issues on the Portal.
-
Access Table Properties:
-
In the Mavim Manager, right-click on any cell within the table you wish to adjust.
-
From the context menu, select 'Table Properties'.
-
Visual Aid: Imagine a screenshot showing a right-click menu with 'Table Properties' highlighted.
-
-
Configure Table Width:
-
In the 'Table Properties' dialog box, navigate to the 'Table' tab.
-
Under the 'Size' section, locate the 'Measure in' dropdown menu.
-
Visual Aid: Imagine a screenshot of the 'Table Properties' dialog box, with the 'Table' tab selected and the 'Measure in' dropdown highlighted.
-
Change the unit from 'Centimeters' (or whatever it is currently set to) to 'Percent'.
-
Visual Aid: Imagine a screenshot showing 'Percent' selected in the 'Measure in' dropdown.
-
-
In the 'Preferred width' field, enter '100%'. This will instruct the table to occupy the full available width of the screen on the Portal.
-
Visual Aid: Imagine a screenshot showing '100%' entered in the 'Preferred width' field.
-
-
Confirm Changes: Click 'OK' to apply the new table properties.
-
Save and Publish: Save your changes in the Mavim Manager and publish the content to the Portal to see the updated table alignment.
Important Notes
-
This setting ensures the table adjusts its width dynamically to the screen size of the user viewing the Portal, providing a better responsive experience.
-
By setting the width to 100%, the table will utilize the entire available width on the right screen of the Portal, even when scrolling horizontally.