Content Block Editor
What is the Content Block Editor?
When you create a new page in Portal Page, you will have a choice between two text editors to input your content.
While the Article Style Editor is a standard, straightforward editor, the Content Block Editor is tool to make page building easier. Using Blocks, you can insert, rearrange, and style content with very little technical knowledge. It's as simple as just adding a block instead of having to deal with coding.
As a special feature, you can assign Blocks to Circles. This way you can have multiple Contacts view the same Portal Page, but it will only show the relevant information for each.
CLICK HERE to learn about Portal pages
How do I use the Content Block Editor?
First, navigate to Pages > Portal Pages > Add New Page.
In the Choose your Editor section, choose Content Block Editor.
The editor will start with one Row with a Text Block already in place. Hover your curser over the sample text, and you will see the outline and options for the Row.
To add a new type of Block in the Row, you can click the icon. The Block will be added to the top or the bottom of the row, respective of which positioned icon you click.
To interact with a Row or Block, hover your cursor over the respective element to show a toolbar. You can click the icon and drag it into place within the editor.
You can also click the icon to duplicate the Row or Block, or the icon to delete it.
Creating and modifying Rows and Columns
When using the Block Editor, your page will be sectioned divided into main sections called Rows. These Rows can be further divided into columns. Blocks can then be nested within each Row of each Column.
To create a new Row, click the icon.
This will open a modal, prompting you to select from several types of Rows.
The Row will be added to the above or below the current Row, respective of which positioned icon you click.
The above image is an example of a Row with Three Columns. The content in each Column can be configured independently.
To change the Column Type of a Row, click the icon shown below. This icon will be different depending on which Column Type is currently being used for the Row.
You will not lose content by switching to a row with fewer columns. Switching a Three Column Row to a Two Column Row, for example, will shift the extra block into an existing Column.
While editing a Block, you'll be able to add various border styles, colors and other customizations. You can do this for any type of Block - even Empty Space!
Border Style: If you would like to border your Block space or image, you can choose a style here.
Border Color: Use a Color Picker to apply a color to the border. You can also specify transparency.
Border Radius: You can apply "roundness" to the corners of the area or image using this setting. The higher the number, the rounder the corners will be.
Background Color: You can set the background color of the Block.
Custom CSS Class: For advanced users, you can input your own CSS Class to the Block.
You can set the permissions for each individual Block to a Circle(s). Only the users within that Circle will be able to view this Block.
Currently, you can choose from a Text Block, Single Image Block, Empty Space Block, Separator Block, iFrame Block, Embed Block, and Video Block. The list keeps growing!
CLICK HERE to learn about Block Types