Displays completed Blog Jedi article content as a responsive article on the page. It presents any table of contents, sharing controls, call-to-action, author information, and related articles included in Article HTML, with controls for theme, styling, and page spacing.
The Blog Jedi Renderer displays completed Blog Jedi article content on a Bubble page. It takes the finished Article HTML and presents it as a responsive article, including any table of contents, sharing controls, call-to-action sections, author information, FAQs, and related articles that were included when the article was created.

The Renderer is designed to be the display layer for the finished article. You provide the completed Article HTML, and the element handles presenting that content and its supported interactive features on the page.

Add the Blog Jedi Renderer element to the Bubble page where you want the article to appear.

The most important setting is Article HTML. Connect this field to the completed article HTML you want to display. This would normally be the Article HTML produced for the article you are loading.

Once Article HTML contains content, the Renderer displays the article automatically. You do not need to separately configure the article body, table of contents, CTA, author section, sharing controls, or related articles in the Renderer. Those sections are displayed when they are already included in the supplied Article HTML.

If Article HTML is empty, the Renderer does not display an empty article or temporary placeholder content.

Typical Bubble Setup

A normal implementation is straightforward:

Place the Blog Jedi Renderer on your article page.
Set Article HTML to the completed HTML for the article being displayed.
Connect Dark Mode to your application's theme setting if required.
Set Header Height if your page uses a fixed header.
Add Top Margin only when you need additional spacing above the article.
Add Custom CSS only when you want to customize the default article styling.
Create a Related Article Clicked workflow if your article includes related articles and your application should handle their navigation.
Create a CTA Clicked workflow if your article contains CTAs that should be handled by your Bubble application.
Use Render Error and Is Empty when you need conditional loading, empty-state, or error interfaces.

Once Article HTML is connected, the Renderer handles the presentation and supported interactions contained within that article.