Skip to main content
bdecent.io
  • Calendar
  • Home
  • Catalog
  • Try it now!
    Recommended Exploring the Toy Industry Nachhaltigkeit - A space adventure Teacher's Paradise
    Plugin specific demo courses Video Time Level Maps Designer Dash Content Designer
    Sandboxes Sandboxes for Designer Sandboxes for Level Maps
    General playground courses
    Create new course

    * some courses allow guest access, but not all of them

    Video Time
    Video Class 1 – All features Video Class 2 – Preview Mode Video Class 3 – Label Mode Video Class 4 – In-Activity Demo Video Class 5 – Pop Ups Video Class 6 – Tab Interface Video Class 7 – YouTube Video Class 8 – Live Video Time
    Level Maps
    Abstract polygon Anatomy systems bdecent Advent calendar 2024 Cyberpunk Default Digital learning Easter warm up party Exploring the Toy Industry Graphs – Floating icons grey Halloween with Level Maps Isometric world Learning comedy Miniature city Nachhaltigkeit - A space adventure Onboarding course Teacher's Paradise
    Designer
    5 days feel good challenge 1001 night or 1001 designs Advent calendar black n white bdecent Advent calendar 2023 Content Designer meets Designer – Comic style Creative arts 101 Designer Designer - section overview layouts Designer - Simple header Designer - Simple hero header Designer - the anatomy of an activity Designer: Full hero header Designer flow multi (Basic) Designer hero activities (Basic) Designer Masks: Category Names Designer Masks: Forms and Shades Designer Masks: Numbers Designer Masks: Silhouettes Designer Masks: Symbols Designer meets Subcourse Designer meets Time Management: Compliance course Designer normal - section width Designer normal – Mix and match section layouts (Basic) Designer program with subcourses as prerequisites Designer section overview – activity icons (Basic) Designer section type labels Designer — Image backgrounds Flow Mini Course Graffiti Icons as activity images Kanban board Mix and match more layouts Onboarding course with Designer Pro Vegan week
    Dash
    Campaigns data source Course category images with animations Dash Activity completion Dash widget: Course sections Dash – Accordion layout Dash – Accordion with tables Dash – Block restrictions Dash – Competency graph Dash – Course completions Dash – Course enrollments Dash – Dash Basic layout Dash – Grid layout Dash – Learning paths Dash – Masonry layout Dash – my contacts Dash – my groups Dash – my learning Dash – My profile Dash – One figure / other figure Dash – One figure with label Dash – Skill level visuals Dash – Skill progress Dash – Slider layout Dash – Tables layout Dash – Timeline Dash – Users data source Dash – Visual content blocks Demo: Dash Course category images
    Content Designer
    Content Designer - Access restrictions with polls Content Designer - Access restrictions with ratings (simple) Content Designer - Access restriction with ratings (Designer format) Content Designer - Access restriction with ratings (Levels format) Content Designer - Image Element Content Designer - Ratings within learning content Content Designer - Rating with variables Content Designer basic features Content Designer Chapter completion modes Content Designer free navigation Content Designer meets Video Time Content Designer Outro Content Designer Poll Content Designer Questions Demo Content Designer TOC Content Designer – Grades Content Designer – Learning Tools integration Designer meets Content Designer – Comic style Outro images for Content Designer
    Sandboxes for Designer
    Designer: All sections on one page Flow Kanban board Normal Sandbox: Designer sections per page Sandbox Designer: Collapsible sections Sandbox Designer: Mix and Match
    Sandboxes for Level Maps
    Design package: Isometric Design Package: Polygon Design Package: Standard Sandbox 1
    General playground courses
    234r5t6 Another course A test course with a few activitiy Avatar Demo bla brrrer CD chapters CD Image Content Designer 1.5 cxgbcxcxvcxvcx Deft Demo library Designer 4.5 issue one section per page designer99 Designer header dette er en test dette er en test1 E-learning Effective Onboarding Strategies Forum Geometrie 101 Geometrie 101 Geometry 101 Geometry 101 Geometry 101 Ha kuna Group Music 2025 Hello hrtthygjk Introduksjon Introduksjon til Kosmos Kommune Kick 1.5r3 Kickfried's second try Kickfried try three Kurs Learning Tools Learning Tools Demo course Level maps test Marco Cassone Masks Mio cordo My campus My course 1 My course 2 My course 12 My course 13 My new course My new course My new course with Kickstart o09o Onboarding Best Practices Onboarding Essentials Onboarding for Success Pulse re-engagement test Pulse Test Pulse testing puls test quentin.beauchene quiz Science 1 Science 2 Scott’s Test 001 Simple course siu Stephen's Sandpit test Test Test0508 Test1 test 26.06.25 Test1234 test c1 Test CD SYS test course 14 Test course designer Test course level maps and popups Test Course live event teste_123 TEsting Testing course importing testing video plugin Test July 1 Test Pulse Test pulse AM Test RP Test RP2 Test RP3 testtesteste Test test test Test Timetable Test Video The Future of Onboarding uhigf vid Video Time with restrictions VR proov الاسم الكامل للمقرر
  • Product hub
    Overview
    Overview
    Content Designer
    Content Designer
    Dash
    Dash
    Designer
    Designer
    Kickstart
    Kickstart
    Learning Tools
    Learning Tools
    Level Maps
    Level Maps
    Magic
    Magic
    Pulse
    Pulse
    Skills
    Skills
    Video Time
    Video Time
  • More
Sitewide search Close
Toggle search input
Hello stranger!
Log in
bdecent.io
Menu
Calendar
Expand all Collapse all
  1. Home
  2. Dash_Masonry
  3. Examples of different masonry layouts
  4. Masonry grid layout with details in modal

Masonry grid layout with details in modal

Completion requirements

Blocks

This is a masonry grid of all courses belonging to the course category "demo courses".

-----

Preferences 

➤ Data source: Courses

➤ Query layout: Grid

  • Layout mode: Masonry
  • Image URL field: course image
  • Field overlay: Status
  • Heading: full name
  • Details area: Modal
  • Details area incl. Course full name, summary, smart course button
  • Style details area with background and text color
  • Setting conditions: limited to course category "Demo courses"

Configuration 

➤ Adding header text


Course start date
Course end date
Not enrolled Nachhaltigkeit - A space adventure

Nachhaltigkeit - A space adventure

Nachhaltigkeit - A space adventure

Travel the galaxy and help the inhabitants of different planets to become more sustainable. (German course contents)

View course

Not enrolled Onboarding course

Onboarding course

Onboarding course

While this course is also using the level maps plugin, it showcases how course creators can use it for creative course designs outside of the gamification/level idea. Create any background in your favorite design tool, play around with shapes and typography and craft something truly unique — pretty much with no limits except for your creativity. Have fun exploring our dummy onboarding course!

Not available

Not enrolled Exploring the Toy Industry

Exploring the Toy Industry

Exploring the Toy Industry

Study the toy industry to gain insights into key business concepts such as product development, marketing, distribution, and international business. Engage in interactive activities to apply the concepts learned in real-world scenarios.

This demo course shows how to create a Level Maps course with Content Designer activities, using AI tools for image creation.

View course

Not enrolled Flow Mini Course

Flow Mini Course

Flow Mini Course

A mini course with just 4 activities.

View course

Not enrolled Kanban board

Kanban board

Kanban board

With Designer, a course can look like a project with multiple columns.

View course

Not enrolled Blended course

Blended course

Blended course

This example demonstrates how larger courses can look.

Not available

Not enrolled Program

Program

Program

Create a multi-course program using Designer's prerequisites feature. Combine several courses and let Designer take care of enrolment.

Not available

Not enrolled Isometric world

Isometric world

Isometric world

Test this amazing course format!

View course

Not enrolled Abstract polygon

Abstract polygon

Abstract polygon

This course uses the polygon design package. There's no real content.

Not available

Not enrolled Default

Default

Default

Default Images

Not available

Not enrolled Engaging students with Moodle

Engaging students with Moodle

Engaging students with Moodle

The Student engagement with Moodle Moodle course presents some ideas to engage students in a Moodle Course: labels with images, texts and links, a book with H5P MCQ, a choice activity, a quiz with feedback, a database activity with a tiles format template. With the database template, it is possible to expand images for larger viewing, while incorporating a black background.

Gamification is presented using the Activity results block (Set up with a quiz) and badges. A step-by-step content in a Moodle page explains how to add a badge to a Moodle course.

The course is developed by Dr. Yamna Ettarres, Knowledgeone Inc. (Opens in new window), 2022.

It is shared under the License: Attribution-NonCommercial CC BY-NC.



Not available

Not enrolled Web Design [CSS - Advanced HTML]

Web Design [CSS - Advanced HTML]

Web Design [CSS - Advanced HTML]


With the term Digital Content Production, we describe the production - editing of images, audio documents and video.


The second aim of this course is to learn, understand and use free software to create audio and video files.

In this course, it is necessary to familiarize students with the "remote" computer, the Web Server, and the structure of a website. To achieve that, students will create a Wordpress blog in which they will upload some of the material they have created.


The third aim of this course is to learn, understand and create a Wordpress blog site and upload content to it.

Not available

Not enrolled Python for Beginners 1 - Python Language Basics

Python for Beginners 1 - Python Language Basics

Python for Beginners 1 - Python Language Basics

This is the introductory course for Python for Beginners.  Please start here if you have no experience coding in Python.  This course is self-paced; you can proceed through the course, but need to complete each unit before moving on to the next unit.

Not available

Not enrolled Mindful course creation

Mindful course creation

Mindful course creation

Not available

Not enrolled <span lang="EN" class="multilang">The Olympic Games</span> <span lang="DE" class="multilang">Olympische Spiele</span>

The Olympic Games

The Olympic Games

Learn about the Olympic Games of the past and present, the host cities and the magic moments of Olympia.


Not available

Not enrolled Discover India

Discover India

Discover India

Discover India - its diverse landscapes, people and society, and its economy.

Not available

Hello stranger! (Log in)
Data retention summary
Policies
Get the mobile app
Powered by Moodle
  • Calendar
  • More