Panel Gallery

Panel gallery lets you put a large number of items in a small space. Good for 'team' sections or other repeating content.

Panel Gallery

Add many info items to a small space.

Form to PDF

You can use the native Breakdance form and have it create a PDF from the submission, attach it to emails, and save it to the stored submission. Setting up From2PDF There’s a PDF Settings option ...

Making elements work on mobile.

AKA Why width based breakpoints don’t work anymore. If you’re a lucky fish, your elements will look great across all devices. But there are some situations where even the best designed ele...

Video with subtitles

Most of the controls should be familiar as this is a direct port of the Breakdance video element. However, it’s been cut down a little, as you can’t add subs to Youtube or Vimeo… so ...

Factory Framework

Before we even start I should say, this is not an alternative to Headspin – not even close. This is a pared-down, uber-simple helper that I find really useful. I don’t really use framework...

Create an account page

We will assume you know how to add user details and other general dynamic data. The obvious extra for Smithy Portal is to provide users with a list of their own posts, and a list of all the posts they...

Simple Docs

Basic Setup Simple Docs will turn any post-type into this: https://breakdance.com/documentation/ It works with any post or custom post type. Create your posts and a set of categories, with parent and ...

SF Forms – Select Dropdown Population

You can populate select drop-downs in any Breakdance form by using the Smithy: Populate Select action and setting the source. Simply add a Select field to your form and give it an ID. Do not add any o...

Turnstile Integration

With Google reCaptcha not being compliant for GDPR we need alternatives, and Cloudflare are offering Turnstile free. You don’t need to host the site with Cloudflare to use Turnstile. Once you&#8...

Adding Documents

Admin Posting Most of managing Portal posts is the same as managing any post. The difference is the extra meta-boxes which are available on the post itself. Portal Documents – here you can remov...

ScrollBack

Background animations on scroll with over 40 effects.

Admin settings

Smithy Portal is a document sharing platform. Over time the aim is to extend it into a lightweight, fully integrated membership plugin including paid subscriptions. For now, it allows you to create so...

QR Coder

QR Coder is built on qr-code-styling.js. You can find a playground for it and a detailed docs link too [https://qr-code-styling.com/]. Given the detail in the QRCS docs I wont be too elaborate here. I...

Scroll Morpher

But Why!? Breakdance has a lot of animations built in… but not everything can be animated… until now. Scroll Morpher is for those rare or special moments when you want to animate a propert...

Gooey Gallery

Most of the styling and settings are self-explanatory. You can style every element from color to typography to make the Fundraiser Gauge your own. Content Here you can add images with the familiar Bre...

Scroll Slider

Horizontal sections with multiple effects and styles.

Text Spinner

Content Text Spinner works a little like the Breakdance dual heading element. Put some text in the Text Before field. Add as many animating words or phrases as you want with Add Item. Add the words to...

Horizontal Timeline

General Notes Timeline is disabled in Breakdance and you will see a horizontal scroll-bar which let’s you get to the slides to preview them. Timeline – Adding Content You can feed Timeline...

Creating Templates

Like any other custom post type, you need at least two templates to make things work, an archive and a single post. If you want users to be able to submit posts front-end, we’ll need a page for ...

FluentCart Integration

The SF Fluent plugin enables you to use FluentCart Blocks in Breakdance. Fluent has an API for it’s blocks and we tap into that – so FluentCart renders the element, we just enable a Breakd...

Fundraiser Gauge

Most of the styling and settings are self-explanatory. You can style every element from color to typography to make the Fundraiser Gauge your own. Content Here we add our labels and numbers for the el...

Scroll Classy

Classy is a simple element which toggles a class on another element or itself. You can add elements inside Classy and they can then be re-styled with the class, or target another element. Classy itsel...

Smithy Save to CPT

Save Breakdance form submissions to a custom post type. This works along-side any other form actions. If you add Smithy to CPT and the Breakdance Store Submission, you will save the form in two places...

Author Meta

A simple addition. Select this option in the Elements menu, and the dynamic data will now include the Author Archive URL meta. If you’d like to read more, I can tell you about my exciting lunch-...

Momma Tilt

Momma is powered by Atropos.js and the best way to understand how to use it is to have a look over their docs. [https://atroposjs.com/docs] Structure Momma Tilt is similar to the Breakdance nested ele...

Simple Post Filter

Why another filter? There are a few filter options already but FactWP, WPGridbuilder and others are expensive and can be overkill. The Breakdance filter forces masonry and uses isotope, which loads al...

Editing Documents

Admin Editing Editing posts is the same as editing any post. The difference is the extra meta-boxes which are available on the post itself. Portal Documents – here you can remove or download a d...