BuddyBoss App

Supported App Blocks

This article lists all of the Gutenberg blocks that are supported in the app. Supported blocks can be used in the App Editor, in App Pages, in Blog Posts, and in LearnDash, to support React Native block rendering in the app. Most of these blocks can also be cached.

Some of the supported blocks come from the BuddyBoss App plugin and add special functionality just for the app, but most are formatting and media blocks that come from WordPress. Over time we are adding more and more blocks to the supported list, at the bottom of this article.

To add your own custom blocks into your app as native blocks, see our developer documentation for registering custom blocks into WordPress and displaying custom blocks in the app.

To edit the display of web fallbacks when using unsupported blocks, see our developer documentation for Editing Web Fallbacks in the In-App Browser.


When editing content that is supported in the app, all supported blocks will display with a mobile app icon indicating that they will display natively in the app.

In LearnDash courses, if you have enabled course downloading, we also display a download icon on blocks that can be downloaded for offline support.

Not all blocks display at all times. Some of the BuddyBoss App blocks provide special functionality that only makes sense within App Pages.

To actively support a block, we need to fetch the block’s content and settings from APIs, and also format that content to match the app interface. If you use any blocks that are not supported, they will still be viewable in the app, but displayed (along with all other blocks on the page) in a web fallback inside of a modal. You can get around this by removing unsupported blocks, or by using the App Editor to add blocks just for the app, which will allow all of the blocks in the app to display natively.

For more information about how app blocks and the App Editor work, see the Blog Posts tutorial (you can fast forward to 2:15 in the video).


The following Gutenberg blocks are supported natively in the app:

WordPress Blocks

The following blocks come from WordPress. We support these blocks so that formatting and media blocks can display natively in the app, and can be downloadable when used in LearnDash courses (when possible).

Text

  • Paragraph
  • Heading
  • List
  • Quote
  • Code
  • Preformatted
  • Pullquote
  • Table
  • Verse

Media

  • Image
  • Gallery
  • Audio
  • Cover
  • File
  • Media & Text
  • Video

Design

  • Buttons
  • Columns
  • Group
  • More
  • Page Break
  • Separator
  • Spacer

Widgets

  • Custom HTML

Embeds

  • Embed
  • Twitter
  • YouTube
  • WordPress
  • SoundCloud
  • Spotify
  • Flickr
  • Vimeo
  • Animoto
  • Cloudup
  • Crowdsignal
  • Dailymotion
  • Imgur
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Speaker Deck
  • TikTok
  • TED
  • Tumblr
  • VideoPress
  • WordPress.tv
  • Amazon Kindle

BuddyBoss App Blocks

The following blocks come from the BuddyBoss App Plugin. All of these (excluding H5P) can only be used within App Pages. The H5P block is used for displaying H5P content in LearnDash courses.

  • Courses
  • Discussions
  • Forums
  • Groups
  • Members
  • Activity
  • Notifications
  • Quick Links
  • H5P

Custom Blocks

If you register your own custom app blocks, they will appear in the BuddyBoss App Blocks section. They will be usable in App Pages and in the App Editor.

Offline Course Blocks

The following blocks can have their content downloaded when used within LearnDash content, only when the “Offline Courses” option is enabled in the LearnDash Integration settings:

Text

  • Paragraph
  • Heading
  • List
  • Quote
  • Code
  • Preformatted
  • Pullquote
  • Table
  • Verse

Media

  • Image
  • Gallery
  • Audio
  • Cover
  • File
  • Media & Text
  • Video

Design

  • Buttons
  • Columns
  • Group
  • More
  • Page Break
  • Separator
  • Spacer

Widgets

  • Custom HTML

Only if your custom HTML does not include iframes or web content.

Embeds

  • Vimeo

Only if you have purchased Vimeo and enabled our Vimeo Integration.

Questions?

We're always happy to help with code or other questions you might have! Search our documentation, contact support, or connect with our sales team.