Page Comparison

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:

1. 2col (60/40)

2. 2col (40/60)

3. 2col (70/30)

4. 2col (30/70)

5. 2col (80/20)

6. 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)“

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: https://crystaldelta.atlassian.net/wiki/spaces/WPBEUD/pages/234848363/Release+notes+for+Loree+v2001.4#Additional-blocks-under-Section-Blocks

LUTS - 835 : Style manager properties are not getting loaded in Designer View

• When Admin disabled any of the Margin, padding, border, transform and border radius properties, the style manager properties are not getting visible.

• Fix : All the sub-properties are managed under single feature and by enabling/disabling the one feature will make changes on all their sub-properties.

• This has been fixed and released. For more info: Enhancement on Roles & Features

LUTS - 973 : Dynamic tables are not getting updated when user click on Update&Exit

• By click on Update & Exit on table editor window not functioning earlier.

• The issue has been fixed and released

LUTS - 972 : Search on Custom templates not behaviour as expected

• When user search custom templates using the filters not fetching the expected result. This has been resolved

LUTS - 856 : Pagination on Loree Pages and Modules

• When a course have more than 200pages and modules, it only fetches up to 100 list.

• Now the same has been rectified and resolved.

LUTS - 980 : Issue on Auditability logs in Dashboard while editing the template

• When an Admin updates the template category and name, it doesn’t display the expected log report.

• This has been resolved and will show the exact log report.

LUTS - 816 : Unable to edit the CSS and HTML using Edit Code modal for an element

• By selecting the over all contents and editing HTML or CSS of an element not updated as expected.

• This has been enhanced by avoiding repeated classes and this issue was fixed and released.