Thread Discussion

Started by matiasvad • Apr 15, 2025 2:34 PM

Total Replies

Participants

Activity

Quiet

— No recent activity

Duration

2:34 PM

Apr 15

Original Message

Thread starter

Matias Vad2:34 PM

How would one go about creating contextual pages, like Author and Tag listing pages for the Blog?

I can use if tag and if blog_author of course, but from the Elevate starting point, I would want to pass the data generated by these in to my React module, in this case a "Hero" module.

Doing something like this does not work:

	{% set blogHeading = "" %}
	{% set blogDescription = group.description %}

	{% if tag %}
		{% set blogHeading = "Posts about " + {{ page_meta.html_title|split(" | ")|last }} %}
	{% elif blog_author %}
		{% set blogHeading = blog_author.display_name %}
	{% else %}
		{% set blogHeading = group.public_title %}
	{% endif %}

	[...]

	{% dnd_module "hero"
		path="../components/modules/Hero",
		groupContent={
			"headingAndTextHeading": blogHeading
		} %}
		
	[...]

This seems to be the way of passing HubL data to React components from the HubL side of things. When looking at Elevate and how HubL is using inside dnd_module.

The other way being HubLDataTemplate inside React modules, but I really don't see how that would work out.

Any pointers would be great.

Replies

6 messages in thread

Andreas WessollyReply 1Apr 15, 2025 2:52 PM

Hi <@UCBDLK6SU>, have you tried using the Tilde Operator instead of the + ? ``` {% set blogHeading = 'Posts about ' ~ page_meta.html_title|split(' |...

Andrey.DSRPTVReply 2Apr 15, 2025 3:23 PM

what does headingAndTextHeading log on the module side? Maybe try `blogHeading|render`? (strong maybe)

Andrey.DSRPTVReply 3Apr 15, 2025 3:24 PM

<@UCBDLK6SU> from another example: ``` "groupContent": { "headingAndTextHeadingLevel": "h3", "headingAndTextHeading": cont...

matiasvadReply 4Apr 15, 2025 7:05 PM

Great ideas. Neither of them worked. <@UDHT6N5SM> I'm appearantly not able to log the output. But even just doing a `"headingAndTestHeading": "Test"...

matiasvadReply 5Apr 16, 2025 7:56 AM

I figured it out! Instead of using an ordinary DND module as I've been using across the project, this particular case required using it as a JS Modul...

Andreas WessollyReply 6Apr 16, 2025 8:48 AM

Thanks <@UCBDLK6SU> for sharing these insights