Overview

The Quiz Content – Tutor LMS element is designed to display comprehensive quiz details before and after a quiz attempt. It provides structured quiz information, question and answer styling options, and result tracking, making it ideal for quiz templates in Tutor LMS.

Features

• Quiz Information Table: Displays key details before the quiz starts.
• Question & Answer Styling Options: Customize the appearance of quiz questions and answers.
• Detailed Quiz Results Table: Shows quiz performance after completion.
• Supports Quiz Templates: Can be used within quiz templates for consistency.

Element Structure

Quiz Information Table (Before Starting Quiz)

• Total Questions: Displays the number of questions in the quiz.
• Quiz Time: Shows the time limit in minutes.
• Total Marks: Indicates the maximum score.
• Passing Marks: Displays the required score to pass.

Quiz Results Table (After Quiz Completion)

• Date: The date of the quiz attempt.
• Total Questions: The number of questions in the quiz.
• Total Marks: Maximum possible marks.
• Correct Answers: Number of correct responses.
• Incorrect Answers: Number of incorrect responses.
• Earned Marks: Marks obtained by the user.
• Result: Pass/Fail status.
• Details Button: Allows users to review their answers.

Customization Options

Question & Answer Styling Options

• Typography and Font Size
• Text and Background Color
• Question Alignment
• Answer Choice Styling (Multiple Choice, True/False, etc.)

Table Styling Options

• Header & Row Background Colors
• Border & Padding Adjustments
• Text Alignment

Usage Instructions

1. Drag and drop the Quiz Content – Tutor LMS element into your quiz template.
2. Configure the quiz information table to display pre-quiz details.
3. Adjust the question and answer styles for a customized appearance.
4. Enable the results table to display quiz performance after completion.
5. Customize styles to match your LMS theme.
6. Save and publish the changes.

Conclusion

This element enhances the quiz experience by providing learners with essential quiz details before starting and performance insights after completion, making it a valuable addition to Tutor LMS quiz templates.

The post Quiz Content appeared first on Bricks Extended.

Overview

The Course Curriculum element in Tutor LMS provides a structured outline of the course’s content, including lessons, quizzes, assignments, and topics. This element allows instructors to display the course content in a well-organized manner, helping students understand what they will learn throughout the course. It also includes styling options to customize the appearance of the curriculum. you have to use this element in lesson template.

Features

• Displays a detailed list of lessons, topics, and quizzes included in the course.
• Can include information like lesson durations, lesson completion status, and quiz links.
• Supports collapsible/expandable sections for better navigation.
• Option to enable/disable certain curriculum components (e.g., quizzes or assignments).
• Includes styling options for labels, text, icons, and alignment to match your site’s design.

Available Controls

Content Controls

1. Enable/Disable Course Curriculum Section – Show or hide the curriculum list.
2. Show Lessons – Display lessons within the curriculum (can include lesson titles, durations, and completion status).
3. Show Topics – Display associated topics under each lesson, if applicable.
4. Show Quizzes – Display quizzes included in the curriculum and link them to the lessons or topics.
5. Show Assignments – Option to display assignments for each lesson (if applicable).
6. Collapsible Sections – Allow curriculum sections (like lessons and quizzes) to be collapsed or expanded for easier navigation.
7. Enable Curriculum Completion Status – Show students’ progress in the course by indicating completed or upcoming lessons.
8. Custom Labels – Option to customize the text labels for sections (e.g., “Lessons,” “Quizzes”).

Style Controls

Label Styling

1. Label Text Color – Change the color of the section heading (e.g., “Curriculum,” “Lessons,” etc.).
2. Label Typography – Adjust font size, weight, and style for better visibility.

Item List Styling

3. Item Text Color – Customize the color of lesson, topic, quiz, and assignment names.
4. Typography – Set the font size, weight, and style for each curriculum item.
5. Item Spacing – Adjust the spacing between lessons, topics, and quizzes for a clean layout.

Icon Styling

6. Icon Size & Color – Customize icons next to curriculum items (e.g., checkmarks for completed lessons).
7. Collapsible Icon Styling – Adjust the icon for expandable/collapsible sections (e.g., arrows or plus/minus icons).

Layout & Alignment

8. List Alignment – Align curriculum items left, center, or right.
9. Section Padding & Margins – Adjust padding and margins to control spacing and layout.

Dynamic Behavior

• Automatically pulls the course curriculum based on the lessons, quizzes, assignments, and topics assigned by the instructor.
• Students can see the curriculum structure, including completed and upcoming items, giving them a clear path for progression.
• If no curriculum content is available, the section remains hidden.
• Supports interactive elements such as expanding/collapsing lesson sections or viewing quiz results.

Use Case

• Helps students navigate through the course and understand the structure of lessons, topics, and quizzes.
• Encourages learners to stay on track by displaying course progress and upcoming lessons.
• Enhances the user experience by making the course content easy to follow.
• Can be placed on Lesson Page to give an overview of what will be covered in the course.

The post Lesson Course Curriculum appeared first on Bricks Extended.

Overview

The Lesson Progress – Tutor LMS element provides students with a clear visualization of their lesson completion status. It features a progress bar that dynamically updates as lessons are completed, along with customization options for styling.

Features

• Lesson Progress Bar: Displays the percentage of lesson completion.
• Customizable Progress Bar Styles: Modify color, thickness, and background.
• Percentage Display: Shows the exact completion percentage.
• Real-Time Updates: Progress is dynamically updated.

Customization Options

Style Settings

• Progress Bar Color: Customize the progress fill color.
• Progress Bar Thickness: Adjust the height of the progress bar.
• Background Color: Set the background color of the progress bar.
• Percentage Display Style: Modify typography, font size, and color.

Usage Instructions

1. Drag and drop the Lesson Progress – Tutor LMS element into your lesson template.
2. Customize the progress bar style according to your design preferences.
3. Enable or disable the percentage display as needed.
4. Save and update the lesson template.

Conclusion

The Lesson Progress – Tutor LMS element is an essential tool to help learners visually track their lesson completion, offering a seamless and engaging learning experience.

The post Lesson Progress Bar appeared first on Bricks Extended.

Overview

The Lesson Previous Button – Tutor LMS element allows learners to navigate back to the previous lesson within a course. This enhances the user experience by providing seamless lesson navigation.

Features

• Previous Lesson Navigation: Enables users to return to the last completed lesson.
• Dynamic Functionality: Automatically detects and links to the previous lesson.
• Customizable Button Styles: Modify color, size, typography, and more.

Customization Options

Style Settings

• Button Color: Customize the button’s background and text color.
• Button Size: Adjust the button dimensions.
• Typography: Modify font style, size, and weight.
• Hover Effects: Customize button appearance on hover.

Usage Instructions

1. Drag and drop the Lesson Previous Button – Tutor LMS element into your lesson template.
2. Customize the button style according to your design preferences.
3. Ensure the course has a structured lesson flow for smooth navigation.
4. Save and update the lesson template.

Conclusion

The Lesson Previous Button – Tutor LMS improves user navigation, making it easier for learners to move back to prior lessons effortlessly, enhancing their learning experience.

The post Lesson Previous Buttons appeared first on Bricks Extended.

Overview

The Lesson Navigation Next Button – Tutor LMS element allows learners to navigate forward to the next lesson within a course. This enhances the user experience by providing seamless lesson progression.

Features

• Next Lesson Navigation: Enables users to proceed to the next lesson.
• Dynamic Functionality: Automatically detects and links to the next lesson.
• Customizable Button Styles: Modify color, size, typography, and more.

Customization Options

Style Settings

• Button Color: Customize the button’s background and text color.
• Button Size: Adjust the button dimensions.
• Typography: Modify font style, size, and weight.
• Hover Effects: Customize button appearance on hover.

Usage Instructions

1. Drag and drop the Lesson Navigation Next Button – Tutor LMS element into your lesson template.
2. Customize the button style according to your design preferences.
3. Ensure the course has a structured lesson flow for smooth navigation.
4. Save and update the lesson template.

Conclusion

The Lesson Navigation Next Button – Tutor LMS improves user navigation, making it easier for learners to move forward to the next lesson effortlessly, enhancing their learning experience.

The post Lesson Next Buttons appeared first on Bricks Extended.

Overview

The Lesson Mark Completed Button – Tutor LMS element allows learners to mark a lesson as completed, helping them track their progress within a course. This feature enhances user engagement and ensures structured learning.

Features

• Mark Lesson as Completed: Enables learners to mark a lesson as finished.
• Progress Tracking: Updates the course progression upon completion.
• Dynamic Functionality: Automatically detects completed lessons.
• Customizable Button Styles: Modify color, size, typography, and more.

Customization Options

Style Settings

• Button Color: Customize the button’s background and text color.
• Button Size: Adjust the button dimensions.
• Typography: Modify font style, size, and weight.
• Hover Effects: Customize button appearance on hover.

Usage Instructions

1. Drag and drop the Lesson Mark Completed Button – Tutor LMS element into your lesson template.
2. Customize the button style according to your design preferences.
3. Ensure lesson completion tracking is enabled in Tutor LMS settings.
4. Save and update the lesson template.

Conclusion

The Lesson Mark Completed Button – Tutor LMS enhances the learning experience by allowing students to track their progress efficiently, ensuring a structured and interactive course flow.

The post Lesson Mark Completed Buttons appeared first on Bricks Extended.

Lessons are the building blocks of a course in Tutor LMS. Each lesson can contain a combination of content types to make the learning experience rich and engaging. These content types include text, images, videos, and interactive elements like quizzes or assignments.

Adding Lesson Content

To add content to a lesson, follow these steps:

1. Create a Lesson:
   • Navigate to Tutor LMS > Lessons in your WordPress admin dashboard.
   • Click on Add New Lesson.
   • Fill in the lesson title and description.
2. Adding Content to the Lesson:
   • Text Content: You can add rich text content to the lesson using the built-in editor. You can format text, add lists, or include media such as images and links.
   • Video Content: Tutor LMS allows you to embed videos from platforms like YouTube or Vimeo or upload your own video files directly.
3. Lesson Settings:
   • Visibility: You can choose to make the lesson visible to students right away or set a specific release time for the lesson.
   • Progression: Set requirements for students to progress, such as watching a video or completing a quiz.
   • Duration: You can set the duration for which the lesson is accessible.

Lesson Types

You can have various types of content in a lesson, each serving different educational needs:

• Text Content: Basic paragraphs, headings, images, and links.
• Media: Embedded videos, audio files, and images.
• Interactive Content: Quizzes, assignments, and discussions.

Managing Lesson Content

1. Editing Lesson Content: You can edit the content of a lesson anytime through the Tutor LMS dashboard. Simply navigate to the lesson you want to edit and click on Edit.
2. Deleting Lessons: If you need to remove a lesson, you can delete it from the lesson list in the Tutor LMS dashboard. However, ensure that you have backups of any critical content before deleting.

Tracking Progress

Tutor LMS tracks the student’s progress through each lesson and provides detailed reports on what lessons they have completed, what they have missed, and their quiz performance.

Lesson Content for Different Learning Styles

To cater to various learning styles, Tutor LMS allows you to provide multimedia-rich content in your lessons. Some students may prefer reading text, while others may benefit more from visual or auditory content like videos.

Conclusion

Managing lesson content in Tutor LMS provides you with flexible tools to create a comprehensive and engaging learning experience for your students. Whether you are delivering lessons with rich media, interactive quizzes, or assignments, Tutor LMS gives you all the necessary tools to structure your courses effectively.

The post Lesson Content appeared first on Bricks Extended.

The Bundle Course Count element in Tutor LMS is designed to display the total number of courses included in a course bundle. This helps users quickly see how many courses they are getting in a bundle before purchasing or enrolling.

Features of Bundle Course Count Element

• Displays Total Course Count: Shows the number of courses available in the bundle.
• Dynamic Counting: Automatically updates if courses are added or removed from the bundle.
• Customizable Display: Adjust the font size, color, and layout to match your site’s design.
• Supports Multiple Bundles: Works on individual bundle pages as well as bundle listing sections.

Where Can You Use This Element?

• Bundle Overview Pages – Show users how many courses are included.
• Marketing & Sales Pages – Highlight the bundle’s value by displaying the number of courses.
• Student Dashboard – Let students see how many courses they have access to in a bundle.

Customization & Styling Options

2. Typography & Colors

• Adjust font size, weight, and color.
• Customize the background color for better visibility.

How to Use It?

1. Add the “Bundle Course Count” element to your page.
2. Select the bundle you want to display the course count for.
3. Customize the appearance using the available settings.
4. Save & Publish to make it live on your site.

This element is a great way to showcase the value of a course bundle and improve user engagement.

The post Bundle Courses Count appeared first on Bricks Extended.

Overview

The Course/Bundle Wishlist element in Tutor LMS allows users to add individual courses or course bundles to their wishlist. This feature enhances user experience by enabling learners to save courses they are interested in and access them later. The element includes customization options for icons, labels, styling, and button alignment.

Features

• Allows users to add/remove courses or bundles from their wishlist.
• Works for both single courses and course bundles.
• Provides custom label and icon options.
• Includes styling controls for text, buttons, and icons.
• Supports alignment settings for better layout customization.

Available Controls

Content Controls

1. Enable/Disable Wishlist Button – Show or hide the wishlist button.
2. Custom Label – Change the button text (e.g., “Add to Wishlist,” “Save for Later”).
3. Enable Icons – Display a heart or custom icon alongside the label.
4. Icon Selection – Choose from default icons or upload a custom one.
5. Enable Wishlist for Bundles – Allow users to add entire course bundles to their wishlist.
6. Enable Direct Links – Clicking the wishlist button can redirect users to their wishlist page.

Style Controls

Button Styling

1. Button Text Color – Customize the button text color.
2. Button Background Color – Set a custom background color.
3. Border Styling – Adjust border width, style, and color.
4. Padding & Spacing – Modify button size and spacing.
5. Hover Effects – Customize hover colors and effects for better interaction.

Icon Styling

6. Icon Color – Change the icon color.
7. Icon Size – Adjust the size of the wishlist icon.
8. Icon Position – Set the icon before or after the text.

Alignment & Layout Styling

9. Alignment Options – Align the wishlist button left, center, or right.
10. Button Display Mode – Choose between inline or block display.

Dynamic Behavior

• The wishlist button automatically updates based on the user’s selection (added or removed).
• If the user is not logged in, clicking the button prompts a login/register popup.
• Users can view their saved courses/bundles in their wishlist page/dashboard.

Use Case

• Encourages users to save courses for future enrollment.
• Helps users manage their learning interests efficiently.
• Enhances user engagement and increases course sales by reminding users of saved courses.
• Can be placed near course titles, pricing sections, or course details for better visibility.

The post Course/Bundle Wishlist appeared first on Bricks Extended.

Overview

The Total Enrollment element in Tutor LMS displays the total number of students who have enrolled in a particular course or course bundle. This element helps provide social proof by showing how many learners have joined the course, indicating its popularity and trustworthiness. It also includes styling options for customizing the appearance of the enrollment count.

Features

• Displays the total number of students enrolled in the course or bundle.
• Offers an optional custom label for the enrollment count (e.g., “Students Enrolled,” “Total Learners”).
• Provides styling options for text color, font, alignment, and icons to match your website’s design.

Available Controls

Content Controls

1. Enable/Disable Total Enrollment Section – Option to show or hide the enrollment count.
2. Custom Label – Set a custom label for the total enrollment section (e.g., “Students Enrolled,” “Total Learners,” “Course Participants”).
3. Display Enrollment Count – Shows the total number of students who have enrolled in the course.
4. Enrollment Count Format – Option to display the enrollment count in various formats (e.g., with commas, without commas, or with an additional message like “X students have joined”).

Style Controls

Label Styling

1. Label Text Color – Change the color of the total enrollment label (e.g., “Students Enrolled”).
2. Label Typography – Adjust the font size, weight, and style for the label to ensure it aligns with the site design.

Enrollment Count Styling

3. Enrollment Count Text Color – Customize the color of the total enrollment number to make it stand out.
4. Typography – Set the font size, weight, and style for the enrollment count text.
5. Font Style – Option to apply bold or italic styling to the enrollment number.

Icon Styling

6. Icon Type & Size – Option to add an icon next to the enrollment number (e.g., a user or group icon).
7. Icon Color – Customize the color of the icon to match the site’s theme.

Layout & Alignment

8. Spacing & Padding – Adjust spacing around the total enrollment section for better layout control.
9. Alignment Options – Align the enrollment label and count left, center, or right according to your design preferences.

Dynamic Behavior

• Automatically pulls the enrollment data for each course or course bundle based on the number of students enrolled.
• If the course has no enrolled students yet, the element will show a default message or remain hidden, depending on the configuration.
• The enrollment count is updated dynamically as students enroll or leave the course.

Use Case

• Builds credibility by showing how many other learners have joined the course.
• Encourages new students to enroll by showcasing the course’s popularity.
• Can be placed in the course detail section to give learners insight into how many others have enrolled.
• Shows social proof to demonstrate the course’s value based on the number of enrolled students.

The post Total Enrollments appeared first on Bricks Extended.