Rearrange portlets on a page
We can change the placement of individual portlets on a page using the drag-and-drop feature of the portal. The drag-and-drop feature is present for all themes and for row and column containers that are not locked. You should be logged into the portal site using an ID with sufficient access rights to modify a page.
Rearranging portlets on a page
Perform the following steps for rearranging portlets on a page:
- Move the mouse toward the portlet title bar until the cursor changes to display the move indicator
and then click on the portlet title bar. Horizontal bars will appear over potential areas on the page where it is permissible to drop the portlet.
- Drag the portlet to a destination on the page. When you drag the portlet within close proximity of a permissible drop zone, the color of the horizontal bar changes from a muted to a more saturated tone.
- Drop the portlet to the page by releasing the mouse key to move the portlet to a new destination on the page.
To cancel dropping the portlet on the page, we can drop the portlet over a destination on the page where it is not permissible to drop the portlet, or we can drop the portlet outside of the browser window.
Accessible alternatives for rearranging portlets on a page
A mouse is required to use the drag-and-drop feature of the portal. Alternatively, we can use the keyboard to rearrange portlets on a page as an accessible alternative to dragging portlets to a new destination on the page. Perform the following steps to rearrange a portlet on a page:
- Go to the page that contains the portlet that you want to move.
- Select the Tab key until you access the drop-down menu beside the page title.
- Select the Enter key and use the up or down arrows as appropriate until you highlight Edit Page Layout.
- From Edit Layout located on the Content page, select the Tab key until you highlight the appropriate arrow button for the portlet. The arrow buttons show the direction that we can move the portlet: left, right, up or down.
- Select the Enter key to move the portlet in the direction of the arrow.
- Select the Tab key until you highlight Done.
- Select the Enter key.
Related information
Parent topic:
Manage pages, layout, and content