In Place Editor (IPE)

What is the IPE? 

The In Place Editor (IPE) appears in every section, item and blog post if you are a Webmaster. If you are a section manager, you will only see the IPE link in your section and its related sections.

Design the user interaction of sections and items, by changing the layouts and customising the page using widgets. Both options will affect the structure of your content as well as what content is displayed and from where.

You can also select ‘Preview mode’ while creating sections to see exactly what your section look like when you save.

Roles in the IPE

There are 2 roles with the permissions to create IPE. That is:

  • Webmaster
  • Section manager

A warning for Webmasters

When you select the IPE in an item, if you change the layout or widgets, it will make that change to every item across your intranet. To avoid this happening, read about how templates help you to style your intranet in a consistent way.

Changing layouts using the IPE

Layouts are the starting point for your user experience. They set the boundaries and give your intranet a familiar feel.

By establishing a layout for your sections and items, you’ll create a solid structure for all future content management

1. Go to a section
2. Select ‘In Place Editor’

In Place Editor button

3. Select ‘Change layout’

In place editor options of customis page, change layout and cancel

4. Select ‘Webb flipped’

Layout options with Webb flipped displayed

5. Select ‘Save’

 

Check your section and make sure you have successfully changed its layout.

Next up are the widgets, as they will likely need to change to fit into your new layout. You do this by customising the page.

Changing widgets using the IPE

Create and edit the functional and visual aspects of your intranet using widgets. For example, within the regions of a layout – add, remove, arrange and configure widgets to affect what content appears where and how it looks.

1. Select ‘In Place Editor’ in a section

In Place Editor button

2. Select ‘Customise page’

In place editor options of customis page, change layout and cancel

You will see the widgets distributed in your layout’s regions. 

To move a widget into a different region:

3. Select the multi-directional arrow in the right-hand corner of your chosen widget

Bin icon to delete unwanted widgets

4. Hold your selection and drag into another region

 multi-directional arrow used to drag and drop a widget into a new location

You will see a yellow box appear behind your widget’s original location. To place your widget in its new location, you will need another yellow box to appear in the new region. 

For that to happen, you have to hover your widget over the right location for a yellow box to appear.

5. Deselect and your widget will drop into place

To add widgets into different regions:

6. Go to the region where you want to add your widget

7. Select the plus icon in the right-hand corner

header toolbar with plus button for adding widgets

8. Search for and add your new widget

menu displaying widget options

 

Your widget will appear at the top of the region. Move it into the right position using the multidirectional arrow icon as previously shown.

To remove unwanted widgets:

9. Locate the widget you want to remove

10. Select the bin icon 

Bin icon to delete unwanted widgets

11. Confirm that you want to ‘Remove this pane’

The widget will no longer feature in your layout.

Previewing your section

While creating or editing your section using the IPE, you can choose to select ‘Show preview’ at the top of the screen. This gives you an exact preview of your section live, without having to go in and out of the IPE every time you want to check if a widget works.

Here’s the ‘Show preview’ button below on the left:

IPE buttons offering show preview, save and cancel

 

Suggested links

0 Comments

Leave a Reply