Uncanny Toolkit

Design Upgrade Pro applies styles to several modules in both the free & pro versions of the Uncanny Toolkit for LearnDash.

Uncanny Toolkit Free vs. Pro

Depending on whether or not you have upgraded to pro, you’ll have different features available to you. We discuss the differences between Uncanny Toolkit’s free & pro versions in our Getting Started with LearnDash course.

Use code uo-affiliate10-dwarfel for 10% off the pro version.

Uncanny Toolkit for LearnDash (free)

The only module in the free version where our design customizations apply is the resume button.

Resume Button

The Uncanny Toolkit’s resume button will use the Primary Button colors defined on the Buttons panel.

Uncanny Toolkit Pro for LearnDash (paid)

There are several modules in the pro version of the toolkit where Design Upgrade Pro’s styles are applied.

Enhanced Course Grid

The Enhanced Course Grid is an alternative to using the LearnDash Course Grid. You can add it to any page by using the “Enhanced Course Grid” block or by using the [uo_courses] shortcode.

The Enhanced Course Grid will use the styles you set on the Course Grid panel.

Course Dashboard

Uncanny Toolkit Course Dashboard example
Example of the Uncanny Toolkit Course Dashboard

The Course Dashboard provides a comprehensive layout for users to see all lessons, topics & quizzes they have access to, their progress on each one, their total course progress, as well as quiz statistics, results & a link to any certificates they’ve earned. You can add it to any page using the “Course Dashboard” block or by using the [uo_dashboard] shortcode.

The following Design Upgrade Pro settings will apply:

  • All buttons will use the Button Border Radius from the Buttons panel.
  • “Expand all” & “Collapse all” buttons use the Standard Button colors from the Buttons panel.
  • “Resume” & “Start” buttons use the Primary Button colors from the Buttons panel.
  • The progress bar uses the settings from the Progress Bar panel.
  • The completed checkmarks use the Complete/Correct Color from the General Design panel.
  • Quiz “Statistics” & “Certificate” buttons will use the Link Color & Link Hover Color from the General Design panel.

Reset Progress Button

The Reset Progress Button allows a user to reset his/her course progress. You can add it to any page using the “Reset Button” block or [uo_reset_course_progress course_id="123"] shortcode.

The reset button will use the Primary Button colors from the Buttons panel.

Simple Course Timer

Simple Course Timer idle timeout popup
Example of the idle timeout popup

The Simple Course Timer allows you to track the time a user is spending on a course. When enabled, and the user has exceeded the idle timeout you’ve set, a popup will appear. Design Upgrade Pro applies the following options to the popup:

  • Global border radius from the General Design panel is applied to the entire popup
  • Button border radius is applied to both buttons
  • The “Inactive Button” uses the Standard Button colors while the “Active Button” uses the Primary Button colors