22 November 2023

New Features:

QuoteBlock:

QuoteBlock element additional presets:

Previously, the Text element in the element side tray in the Loree editor had only a single QuoteBlock preset, as shown below:

Now Loree brings you three different QuoteBlock presets that users can access by clicking the above (↑) shown QuoteBlock element from the Text element, that opens up a sub-element preset tray having the following QuoteBlock styles: 

There is also a BACK option added at the top left side of the sub- element tray that allows users with access to move back to main element tray with ease, as shown below:

Style 1  only allows for a solid border on the left side as shown in the image:

Style 2 provides users the option of adding quote icon only at one side( Left) as show in the image:

Style 3 gives loree users the option of adding quote icon on both left and right side of their content as shown in the image:

External Audio support:

 With the newly introduced Audio modal, adding external audio URL links is a breeze. This feature comes with advanced options for easy integration of external audio sources into your Loree editor.

As shown in the above image, clicking on the Audio Element and selecting the External Links option, users can easily add any external audio link and click on NEXT.

Don't forget to give your desired Title name to your file and then click on the dark blue coloured ADD button as shown in the image above.

Clicking on the ADD button easily then adds your external audio file to your course page and even preview it as shown below:  

Additionally, the 3 horizontal dots allow the user to adjust the Playback speed of their audio file:

Design Section for External Audio:

The External Audio element of the Audio Modal comes with its personalised Design Section as shown below:

The below video helps to understand how each aspect of the design section helps in editing and enhancing the audio file:

Users can efficiently change the size, margin, padding, and alignment of the file, along with changing the border colour and size.

Enhancement:

QuoteBlock customization for Borders:

These exciting new options will allow users to personalize the border on all sides of the QuoteBlock and choose from a range of border styles, including dashed, dotted, double, and solid. Additionally, users will have the ability to customize the border-radius, providing even more design possibilities. 

Using Quoteblock Style 1 users can change the following things:

1. Margin and padding of the left side solid icon as shown in the image:

2. Background Colour as shown in the image:

3. Border Styles can be changed from the default Solid to dashed, dotted and double along with the border colour change as well as shown below:

4. Border radius can also be changed which will make the entire border appear curvy as shown below:

Using Quoteblock Style 2 users can change the following things:

1. Using this style users can again change the margin and padding of the QuoteBlock.

2.The background colour of the QuoteBlock can be changed as well just like Style 1.

3. Clicking on the border option will have the ability to to add a border to the entire QuoteBlock along with changing the border colour, style and radius as shown in the image:

4. Additionally, clicking on the Quote Icon will open a separate design section as shown below with features such as size, space, and color.

Using the above mentioned options, the users can change the Icon size, its margin and padding as well as its colour as shown below:

Using Quoteblock Style 3 users can change the following things:

1. Using this style users can again change the margin and padding of the QuoteBlock.

2.The background colour of the QuoteBlock can be changed as well just like Style 1 and 2.

3. Clicking on the border option will have the ability to to add a border to the entire QuoteBlock along with changing the border colour, style and radius.

4. Additionally, clicking on any of the two Quote Icon will open a separate design section as shown below with features such as size, space, and color where users can change the Icon size, its margin and padding as well as its colour:

Elements default margin and padding set to margin-bottom:10px and padding:5px

 The space value for all the elements in Loree Editor has been set to default as shown in the image below:

Bug Fixes:

Dropdown Image Modal fix for overall loree editor:

We've recently fixed the sorting functionality in the image modal for an improved user experience. Now, users can choose only one sorting option at a time as was expected. This enhancement ensures a more focused and efficient sorting process, as the other two options are automatically disabled while dragging.

 The dropdown sorting modal getting selected all at once can be seen below:

The dropdown sorting modal with the fixed version selecting only one option at a time:

Links opening in New tab instead of the Same tab in Canvas editor:

This issue is now resolved as the anchor links have the default target attribute set as '_self' for links to open in the same tab and '_blank' for links to open in a new tab.

Hyperlinks are adding underlines after page saved to LMS:

This issue is now resolved and there are no underlines added to the hyperlinks only when set text-decoration for links as none after which the page is saved to LMS and opened in Canvas.

 Copy and paste on nested list is not working:

The video below demonstrates the resolution of the nested list copy-and-paste issue. Users can now effortlessly copy and paste nested bullet lists as needed, ensuring a seamless editing experience and consistent formatting for all list types in the course page editor.

Migration fix for Iframe:

Previously, users encountered an issue where iframes added in the Loree editor appeared broken and were not displayed in Canvas. This problem has now been resolved by editing and fixing the migration iframe. Users can now confidently add iframes in Loree, ensuring they will be fully displayed in Canvas without any disruptions.

Container gets collapsed while applying styles in design section:

When adding a container and making design changes such as modifying the border or size in the design section, the container was previously closing, and the "add element" button was floating.

To address this, a new row and column have been added, and a container is now placed inside the column. This fix enables users to seamlessly add elements to the container by clicking the "+" button. Users can also apply styles to the selected container, and these styles are now applied as expected as shown in the video below:

Removed warning message while replacing the images with links:

Previously, users encountered a warning message when attempting to replace an image that contained links as shown below:

This issue has been successfully resolved now. Whether adding an image with a link and replacing it or adding an icon with a link, users will no longer receive a warning message.

This applies to different link types, including external, course, Loree, and user images. Furthermore, saving as custom blocks and then editing or replacing the image is now seamlessly executed without triggering a warning message.

Special element design section fixes:

Hamburger menu and bubble menu is overlapping with design section issue:

The problem of the edit row icon and bubble menu being hidden in the design section has been resolved. Users will no longer experience any issues with the design section overlapping the edit row icon and bubble menu shown in the below images:

Bothe the menus work fine now without any overlapping as shown in the image below:

Size value is changed for special element icon with text(image) with link issue:

Previously, an issue was identified where the size value would inadvertently change after adding a link for the icon with text in a special element, specifically when incorporating links with images. 

This issue no longer exists and users can now experience consistent behavior, and the size value will no longer undergo unintended changes after adding a link for the icon with text in a special element as shown in the image below:

---

Border style values is not clear from the design section for Nav bar elements:

Earlier when a user cleared the border style for nav bar elements, it would not get cleared from the design sectionas shown below:

 However, with the latest update, the border style will have a default style of solid, 0px width, and black color will be applied as shown in the image below:

---

 

                                                      Thank You!