Bubble menu

Bubble menu

Enhanced Editor for the Bubble Menu

The Bubble Menu in the Section Editor now sports a fresh look, mirroring features seen in the Loree Editor highlighted in green in the image below:

The Section body of the bubble menu for Editor contains following features:


Text Formatting Options:

  1. Text Formatting: Our text editor offers formatting options for changing text type, including headings from level 1 to level 6 and standard paragraph text.
  2. Bold: Makes text thicker and darker.
  3. Italic: Text slants to the right.
  4. Underline: Formats with line underneath.



Font Family and Font Size

  1. Loree ensures design consistency across platforms by providing the same fonts in Loree Interactive.
  2. Easily adjust font size with a dropdown menu, supporting both Pixel (Px) and Percentage (Pt) values. Refer to the image: 


Text color, Background color and Border color

  1. Enhanced Text color, Text background color, and border now have the latest color picker. 
  2. Users can change border width and style using the border option. Refer to the image below:





The "Insert Link" feature allows users to link various course elements with the following options: Course Links, Web Address, Anchor, and Email.

Course Links: 
  1. Content Selection: The dropdown allows selection from various course elements like Modules, Pages, Assignments, Discussions, and Quizzes.
  2. Navigation Controls: Users can redirect to the page or go to a specific section (with an option to input a Section ID). 
  3. Opening Preferences: Users can choose how the link should open: New Tab (default) or Same Tab.
  4. Pagination & Actions: A pagination system at the bottom helps navigate through different course elements from different pages.
  5. "Cancel" to discard changes. or "Apply" (currently inactive) to confirm the selection.

Web Address: Inserts an external URL to a website, document, or resource, with the option to open in a new or same tab.

Anchor: Links to a specific section within a page for easier navigation.

Email: Creates a mailto: link to open an email draft with a pre-filled recipient.


Bullet List: Unordered and Ordered

Unordered List
  1. An unordered list organizes items with bullet points and is commonly used for clear and concise presentation of items or points.
  2. Each item is marked by a bullet or another symbol with  disc, circle, and square as supporting styles.
Ordered List
  1. Ordered lists organize items with sequential numbers or letters.
  2. Styles include Numbers (1, 2, 3), Alphabet (a, b, c), and Roman (i, ii, iii), where each style serves different presentation needs based on hierarchy and clarity.

Text Alignment

  • Left-aligned: Text aligned to the left margin, straight edge on the right.
  • Center-aligned: Text centered between left and right margins.
  • Right-aligned: Text aligned to the right margin, straight edge on the left.
  • Justified: Text aligned to both margins, with space between words for straight edges on both sides.


    • Clear Format

    1. This removes all formatting styles from selected text. 
    2. Reverts text to the default style.





    Loree introduces its revolutionary AI-powered Magic Text Editor:

    • You can now use the power of AI to get creative with your written content. This feature of Magic Text is added to the Bubble Menu of the Text element in the Editor.
    • Selecting the text that you want to edit will activate this Bubble Menu, which will now come with its latest feature, Magic Text.
    • Clicking on the Magic Text feature will then present you with a dropdown of options using which you can easily Rewrite, Rephrase, Shorten and even Summarize your content.
    • Selecting any option from the Magic Text dropdown will display the message  Working on it..., after which the desired action will be completed.
    Info
    The AI Magic Text Editor is not free to use and requires configuration by the admin. 
    To learn more about AI tool configuration in Loree, the admins can refer to the following link: How to configure AI tools?

    Line Spacing

    1. We offer line spacing options ranging from 0.8 to 2.5. 
    2. It adjusts the vertical distance between lines of text within a paragraph, allowing for customisation to enhance readability and presentation.




    Word Options

    1. Loree Interactives now supports word options such as uppercase, lowercase, capitalize, strikethrough, and superscript neatly packed under the Word options.


    Indent Spacing

    1. Increase Indent moves selected text further right for nested lists or hierarchical structures.
    2. Decrease Indent is enabled only after Increase Indent; it moves text closer to the left margin.
    3. Increase Text Indent adjusts the first line's indent in a paragraph, useful for hanging indents in lists.
    4. Decrease Text Indent is enabled only after Increase Text Indent; it reduces the first line's indent to align with the left margin.

    The Section body of the bubble menu for Interactives contains the following features:

    The Section body of the bubble menu for Interactives includes four additional features not available in the bubble menu for the editor, as mentioned below.



    Text Formatting Options on Interactives Bubble Menu:

    1. Undo: Reverses last action.
    2. Redo: Restores undone action.

    Blockquote

  • Blockquote visually distinguishes quoted or excerpted text.
  • Indents the entire quoted text block.
  • Often applies different styling, like italics or a different font



    • Media Content Library

    1. Image:
    1. Clicking the image option shows existing uploaded images in the Editor platform. 
    2. Users are required to upload course images as new in order to use them within Loree Interactives.
    3. Click to upload a new interactive image option allows image uploads into the interactive.

    2. Icon:
    1. Interactives now have their own Icon Library, similar to the Loree Editor. 
    2. Customize icon color, background, border, and size easily after adding it to your interactive.


    3. Video:
    1. Direct uploads are not supported for the video option in media content. 
    2. Add videos by inserting links from YouTube, Vimeo, or other external URLs instead. Refer to the image on the left: 
    InfoPlease Note: Loree Interactive uses a separate content library for image media, distinct from the Loree Editor's library. This platform-based library is accessible to all launching Loree Interactive within the organization.

    Table

    For the first time, users can now add tables to their interactives using the Table option in the bubble menu:
    1. Create Table: 
    1. Click 'Create Table' to open a window for configuring table settings. 
    2. Use dropdown menus to select up to 10 rows and columns.
    3. At least one row or column selection is required to create the table. 
    4. Include a table caption to describe its content.


    2. Cell:
    1. Customize table cells by selecting a cell, then navigating to Table > Cell in the bubble menu. 
    2. Options include Cell Properties, Merge Cell, and Split Cell menus for customization.
    a. Cell Properties: 
    1. Customize cell padding (top, bottom, right, left) in pixels (px) to adjust spacing inside each cell, improving content layout. 
    2. The cell scope option enhances HTML accessibility by adding attributes to generated code, defaulting to 'none' but configurable as 'row,' 'column,' 'row group,' or 'column group' as needed. 
    3. Use Cell Properties to customize table cells, including border width, color, style, and background color.

    b. Merge Cell:
    Merge cells in the table by selecting at least two cells and clicking on the merge option to combine them into a single merged cell.


    c. Split Cell: 

    After enabling the merge cell option, you can also split cells back into their original individual cells if needed.

    3. Row:
    1. Row menu options include: Insert row before, Insert row after, Delete row, and Row properties.
    2. 'Insert row before' adds a new row above the selected row, while 'Insert row after' adds one below it in a table. 
    3. 'Delete row' removes the selected row.
    4. Row properties allow customization of row attributes such as border width, style, color, and background.


    4. Column:
    1. Column menu options include 'Insert column before,' adding a column to the left of the selected one, and 'Insert column after,' placing a column to its right. 
    2. 'Delete column' removes the selected column, allowing flexible management of table structure and content.

    5. Table Properties: 
    1. Table properties offer extensive control over the table's appearance, including size, alignment, border width, color, style, and background color.
    2. Users can adjust settings for border collapse and separate to control how borders between adjacent cells appear, ensuring precise customization and layout control.


    6. Delete Table:
     
    This option allows you to remove the entire table from your course.

    Embed

    Embed Existing Interactives in Loree Interactive


    We’re excited to roll out a brand-new enhancement in Loree Interactive. The Embed option is designed to help you reuse and integrate existing interactives directly into a new interactive with ease.
    1. A new “Embed” option is now available in the bubble menu.
    2. By selecting this option, the Interactive Dashboard will be displayed, showing all global and shared/private interactives.
    3. You can simply click on the interactive you wish to embed, and it will be seamlessly added to your interactive. (Embed the MCQ into the accordion. Please refer to the image below.)

    Info
    Please note: Only interactives with an Active status in the main dashboard can be embedded.

    Full Screen


    Expanded Editor Space in Loree Interactive


    We’ve introduced an enhancement to the editor space in Loree Interactive, giving you more room to view and work with larger content. The editor can now be expanded up to 800px, allowing for a clearer and more comfortable workspace. You can adjust the size by dragging the expand arrow, and if you want even more space, you can switch to full-screen mode from the bubble menu.

    Previously, the editor space had limited capacity, which made it challenging to view or manage larger pieces of content. With this update, the expansion limit has been increased, enabling you to seamlessly enter, edit, and view larger content directly in the editor.

    Info
    Please note: This enhancement applies across all editors in Loree Interactive.

    THANK YOU!

      • Related Articles

      • Release notes for Loree A2502.3.2

        Published on: 18/07/2025 Feature Enhancements Text Alignment Improvements in Loree We are pleased to introduce two helpful improvements to the text alignment experience in Loree: 1. Text is Left-Aligned by default. From now on, whenever you add new ...

      • Release notes for Loree A2503.2

        Published on: 16/09/2025 New Feature Embed Existing Interactives in Loree Interactive We’re excited to roll out a brand-new enhancement in Loree Interactive. The Embed option is designed to help you reuse and integrate existing interactives directly ...

      • Release Notes for Loree A2403.1

        Published on: 17/07/2024 LOREE INTERACTIVES REVAMP! We're excited to announce the release of our revamped Interactive Tool. This update brings enhanced functionality, improved user experience, and new features designed to help you get the most out of ...

      • Release notes for Loree A2502.1

        Published on: 16/05/2025 Feature Enhancements Background Color Inheritance for Iframes in Interactives Previously, when applying a background color (e.g., red) to a row containing an iframe-based interactive, the iframe would ignore the color and ...

      • Release notes for Loree A2304.1

        12 Oct 2023/Feature Enhancements and Fixes Feature Enhancements New Feature: Add Documents as new element in Loree editor As a user of Loree, you will now have the capability to easily add documents within the Loree editor using the document element. ...