DEMO 9.5.2019

 
 

IMAGE ROW BLOCK

Image row block is an easy way to add many images side by side as a one row. Add first "Image row block" to page and publish it. After that continue with below steps:

  1. Click "Create a new block" link in Images on row area to add new images.
  2. Choose display options how many images are needed in one row. If you have three images choose dispaly 1/3 for each.
  3. Select "Margins" if you want space between images.

  4. Publish the block.

image-row-block-settings-steps.jpg

 

 
 

CONTENT LINK LIST BLOCK

Content link list block adds links to certain pages or media files automatically. After you have added a Content link list block you have to make below settings:

  1. Add Parent folder/page where you want links to be collected. In example all subpages under Best practices landing pages needs to be listed.
  2. If some individual items needs to be added those can be browsed or dragged and dropped to "Individual items" area.
  3. Select from the menu which type of items you want to show, Pages or Media files.
  4. Choose in which direction you want to list items, Vertical or Horizontal.

    If pages are not part of your site or if you are linking media files, select "Open links in new window".

content-link-list-block-settings.jpg

Example: Vertical direction

Example: Horizontal direction

 

QUOTATION BLOCK

With Quotation block you can highligh comments. Add Quotation block, fill fields "Quote" and "Author". Publish.

 
Starting from UPM’s Step Change in Safety initiative, we have clearly seen that the awareness and interest in safety amongst our personnel has significantly improved.
Eva Männer, Manager, OHS, Environment, and Management System, at UPM Augsburg
 

ROOT FOLDER CAN BE ADDED TO BLOG LIST BLOCK

With Blog list block you can add automatic lift-ups to blog pages. Before it has collected all blog pages under site in case. Now there is a possiblity to add a root folder or many root folders from where blog pages are collected:
 

  1. Browse or drag and drop folders from where you want to collect pages. In example there are blog folders from both UPM Pulp and UPM Biofuels sites. 
  2. Select "Grid" or "List" as a default view. User can change that view mode easily on page. 

    Publish the block.

block-list-blocks-settings.jpg

 

CODE FIX WITH FORCED LINE BREAKS (HERO AND BANNER BLOCKS)

With Chinese language there has been a problem that long sentences (without breaks) are cutted randomly.  For example:

imagejcveb.png

"Keep-all" property as word break rule is added to Hero and Banner blocks. This requires manual breaking characters with code <wbr>. Code can be added inside text. When break is needed Episerver finds a nearest code and break the sentence there.

forced-line-breaks-wbr2.JPG

Note!
If western language with normal word breaks are used Episerver  code isn't needed. Episerver makes necessary line breaks by using those breaks.

 

 

 

EXAMPLES OF ALL BLOCKS

There has been questions and requests of summary material of  all blocks. We have added examples of all block types to Training site. Blocks are categorized same way than they are in block list. For example all image blocks can be found on one page etc.