Add and arrange components on a page
This topic is about Modern help centers. Find out which help center you're using.
In a Modern help center, you build each page from components, such as a callout banner, spotlights, cards and JSM Help components. You can group components in sections. Find out what each component does.
When you change a component on a page, the change applies only to that page.
Add a component
To add a component to a page in a Modern help center:
Select Help centers in the left navigation sidebar.
On the card for the help center you want to edit, select Customize help center (pencil icon).
In the toolbar, select Pages, then open the page you want to add the component to.
In the toolbar, select Components. The Components panel groups components into categories, such as Building blocks. To find a component by name, use Search components.
Drag the component onto the page, to where you want it.
Select the component. Its settings open in the side panel, grouped into tabs such as Styles and Content. Change the settings you want.
Select Publish.
Arrange content in a section
In a Modern help center, a section can't arrange its content in columns, but it can contain tables. To arrange content in columns, add the columns directly to the page, outside a section. Choose a column layout, such as two columns, three columns or three columns with sidebars, from the toolbar that floats below the columns.
Change a component's width
In a Modern help center, you can choose how much of the page's width a component takes up.
To change a component's width in a Modern help center:
Select the component. A toolbar shows below it.
Open the width menu, which shows the current width, such as Wide or Full width.
Select Back to center,Go wide or Go full width.
Select Publish.
Copy, move or delete a component
In a Modern help center, you copy and delete a component from the toolbar that shows below it when you select it.
To copy a component, select it, then select Copy.
To move a component, drag it to its new place on the page.
To delete a component or section, select it, then select the delete icon. Sections can't be hidden, so delete any section you don't need.
Publish your changes when you're done.
Learn about the components
In a Modern help center, each component has its own settings. Find out what each component does and which settings you can change.
Was this helpful?