[Support request] Element (or pattern) Shortcode

[Shannon]

Is it possible to have an element or reusable pattern shortcode?

Here’s my use case:
I would like to place an element inside an HTML field in Gravity Forms. This field serves as a type of “cover page” with details about the form as well as an introduction. There are graphic elements in the layouts as well which is why I was hoping to use GP+GB to create the cover page layout. I tried copy/pasting the code but they styling information wasn’t picked up.

Does that make sense? Is it easily achievable?

Thanks,
Shannon

[Ying]

Hi there,

I tried copy/pasting the code but they styling information wasn’t picked up.

It’s not possible as GB’s style is not added to the HTML, it’s generated dynamically.

[Shannon]

Thanks Ying.

So this is not possible via a hook or shortcode either?

[David]

Hi there,

you can try creating a Shortcode that has a Hook inside it with this PHP Snippet:

function portable_func($atts, $content = null) {
      ob_start();
      do_action('portable_hook');
      return ob_get_clean();
}
add_shortcode('portable-shortcode', 'portable_func');

Then in your gravity form HTML add your [portable-shortcode] shortcode.

Then create a GP Block Element – Hook to create your content and set the Hook to Custom and in the field provide add : portable_hook

Can’t say how gravity will deal with that, or whether the styles will load correctly. But thats about all we have

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Shannon]

David,

That worked great, thanks!

I used the same snippet and shortcode for 5 different element variations. One for 5 different Gravity Forms. I did however set the display rules for each element to only display their respective pages.

Is this okay? Do I need to create 5 different snippets with 5 different corresponding shortcodes in order to avoid any conflicts?

Thanks again.

[David]

Is this okay? Do I need to create 5 different snippets with 5 different corresponding shortcodes in order to avoid any conflicts?

If the Shortcode only ever appears on one page. And each element has different display rules. Then one shortcode is good.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts