Release notes for Loree v2001.4

14th February 2020

Highlights

Additional blocks under Section Blocks

In Loree Editor Interface, it allows the users to create a 2column blocks with 50/50 model. It doesn’t allow the users to change the width size of any column.

To overcome this, Loree has implemented additional blocks for 2column section for Designer view.

To get the additional blocks, user should enrolled as a Designer or Admin and change the Loree toolbar view as Designer view. Under section blocks you will get all the additional 2col blocks.

The newly added block details are:

2col (60/40)
2col (40/60)
2col (70/30)
2col (30/70)
2col (80/20)
2col (20/80)

2col (60/40):

This block allows the designers to create a new 2column section with 60:40 ratio. By dragging this block into Editor, you can design a content with left column of 60% and right column of 40%.

When the content viewed on different devices like Desktop, Tablet, Mobile Portrait and Mobile Landscape then it will support the responsiveness.

2col (40/60):

Designers can create 2col 40/60 ratio blocks using this block. Right side of the column will be 60% and left will be 40%.

2col (70/30):

This will allow the users to design a new 2column block with 70/30 ratio.

Right side of the column contains 30% and the rest will covered by Left column. You can view the contents on all devices with responsive support.

2col (30/70):

This block allows the users to create a new 30/70 based 2column section block.

2col (80/20):

Create a new 2column block with 80/20 ratio. This will contains the left column as 80% and right as 20% of width.

2col (20/80):

By dragging this section block, you can design a new 2column section with 20/80 ratio.

Note: The existing block “2col” has been renamed as “2col (50/50)“.

To achieve responsiveness on all the new blocks, Canvas user must update/append the latest CSS in their Canvas themes. Kindly download the latest CSS in the attachment section. (If you have additional CSS in Canvas themes, you can append Loree CSS)

Accessibility Checker for Video Title

we enhanced our Accessibility Checker execution to detect video title related fixes. Earlier, Loree doesn’t have the option to detect video title related accessibility issues.

When designer adding video related contents in their page, it should pass the accessibility related issues.

Dragging a video (or) video with caption block, by default it will have title attribute as “video content“. When there is no title for video related contents, it will be detected when user runs “Accessibility Checker“ within Loree Editor.

Quick Fix on Video title errors:

Loree allows the users to fix the video title related accessibility issues within editor panel. In the above screen, you can see the Quick Fix modal. Where user can give the suggested title and click on “Quick Fix“ icon will update the suggested title.

Note: After fix it, you have to click on “Update & Save“ to make sure the fix updated in Loree Editor Interface.

Accessibility Checker for Colour Contrast

We have implemented the accessibility checker rules for checking the colour contrast scheme. Loree using WCAG 2.0 AA standard to maintain the aspect ratio for colour contrast.

Right now, Loree will detect the colour contrast issues and will highlight the issues on Accessibility Checker result.

In the upcoming releases, we will focusing on adding “Quick Fix“ for the colour related contrast issues.

Enhancement on Loree blocks for Designer view

We enhanced our Loree block styles from the Blocks section. This includes some global changes too. For now, we have modified changed only on Designer view. In the upcoming releases, will implement the same in teacher view too.

Below are the global changes we enhanced in the existing blocks:

Font-colour #000000 has been set as default on all the text blocks
Background-colour #FFFFFF has been set as default on all the blocks
Font-size :16px set as default on all paragraph text.
Font-weight:700 set for Header blocks
Margin and padding values for blocks has been modified
Column with Header blocks tag has been changed from <p> to <h3> by default.
Loree Default Header styles are:

Header1 - 32px

Header2 - 24px

Header3 - 20.8px

Header4 - 16px

Header5 - 12.8px

Header6 - 11.2px

Some additional changes done on other block contents:

Content Blocks:

Image with Caption:

The caption’s default value has been changed into “Insert Image Caption Here” .

Earlier it was “please double click on above image and add description here“

Video with Caption:

The caption’s default value for text has been changed into “Insert Video Caption Here“ instead of “Lorem ipsum“.

Text:

The outer <div> for this <p> tag has been removed. The existing <div> doesn’t contain any styles.

Now by drag and drop the Text block will add <paragraph> text in Editor Interface.

Headers:

When drag and drop the header block, it will have some additional styles.

Font-weight:700, colour:#000000 has been updated.

Default text will be “Insert Header Here“.

List Block:

By drag and drop the list block will have some additional style to make sure the contents looks good in the editor by default.

Earlier, there is no margin padding values added for list items.

Section Blocks:

All the columns margin left and right 16px has been modified to 10px as default. When user wants to change it, it can be editable in the style manager properties section.

Section Blocks with Headers:

Section Blocks with Header blocks default value of header has been changed.

Before:

<p> tag with “Insert Text Here “.

After:

<h3> tag with “Insert Header Here“

Special Blocks:

Icon + Heading + Text block has been enhanced by adding additional styles.

Before:

<p> tag with “Insert Text Here“.

After:

<h3> tag with “Insert Header Here“.

Grid Blocks:

Earlier, the grid blocks has empty cells when drags into editor. From this release, when user drags a Grid blocks into Editor, it will have default text “Insert Text Here“ on all the cells as a paragraph text.

Find the below enhanced Grid block styles:

Issues resolved in Loree v2001.4

LUTS - 970 : Responsive will break when additional styles applied for Loree Blocks

When the user tries to change the 2col section block width in Loree Editor, it triggers the responsiveness issue. We have added additional six blocks in section blocks. Which allows the users to design new 2column blocks with additional dimensions. For more info: Enhancement on Section Blocks

LUTS - 833 : As a user, Unable to find the way to add/delete nested List on Ordered/ Unordered.

When user tries to add/delete/duplicate/drag nested list items, Loree doesn’t as expected.
We have fixed this issue now. The user can drags List blocks from Content Blocks section and they can drags into any existing list blocks into the Editor.
By selecting an outer <div> or <OL> or <UL> tag, user can drag/delete/duplicate the list block in the editor.

LUTS - 844 : Preview on Loree does not mirror what displays on Canvas Pages (Designer view)

When the user view the Loree preview content, the same is not mirroring the Canvas page.
This issue caused because of not setting the default styles on contents. We have enhanced the default values on Designer view of Loree and issue has been fixed and released.

LUTS - 759 : Fix the dimensions width and height issues on Firefox/Chrome

We have already fixed the Image aspect ratio on Loree Editor Interface. By default image width set as 100% and height as auto to maintain the aspect ratio.
This has been resolved.

LUTS - 521 : Unable to update template when drag and drop another template content into Loree Editor

When designer editing the template and drags another template into the existing template doesn’t allow the designers to update the template.
Now the same has been rectified and resolved.

Important Note:

We are still facing the issues on Undo, Redo, Displaying Style manager values and applying background image on Loree editor.
We are analysing the root cause of that issue and will fix it ASAP.

Release notes for Loree Admin Dashboard v1.1

Enhancement on Roles and Features

We have added new additional blocks as a Loree feature. Now the same can be enabled/disabled via Admin Dashboard.

For now, this has been integrated only for Designer view of Loree. Find the below screen for updates:

Note: The existing Loree feature “2col“ has been renamed as “2col (50*50)“.

Enhancement on SSL Certificate on site

We have enhanced securing our Loree Dashboard by updating the SSL Certificate. Now our Loree Dashboard URL https://admin.loree.io has been secured more.

Attachments section

To update CSS in Canvas Themes: