Syntax [[{{}}]] - No working in text Embeding

celso.miranda · April 17, 2024, 4:58pm

Hello,

I wanted to discuss an issue I've encountered with the Metabase dashboard when using the conditional [[{{}}]] syntax in text components. It appears that this syntax does not function as expected when the dashboard component is incorporated into other locations.

To clarify, I'm using the [[{{variable}}]] syntax to conditionally display content based on user input within a text component on the dashboard. However, this conditional content fails to display correctly when the dashboard is embedded or used in a different context outside of its original setup.

I suspect there might be limitations or specific settings required for this syntax to work correctly in embedded dashboards or when moved to different environments. I am looking into this issue further, but any insights or suggestions you might have would also be greatly appreciated.

Thank you for your attention to this matter.

TonyC · April 18, 2024, 12:20pm

Can you share some easy replication steps maybe using the Sample Database as well as an exmaple

celso.miranda · April 18, 2024, 1:55pm

Sure, let's go!

Imagine a dashboard that has a filter that is a personalized list (item1,item2,item3) this filter is called a cell, ok? Now inside the dashboard we have text (card text) as follows in .md which is like this

Item is: [[{{cell}}]]

This works perfectly on the dashboard, the value will only be visible if the cell filter has a value selected. However, when I embed this dashboard in an application this does not happen, that is, [[{{cell}}]] does not receive the value of the selected item in cell

TonyC · April 19, 2024, 8:16am

Now i understand! I actually opened this as a bug some time ago:

github.com/metabase/metabase

Variables in text cards using double brackets to make the text optional don't work when embedded

opened 01:45PM - 21 Apr 23 UTC

Tony-metabase

Type:Bug Priority:P3 Embedding/ .Team/Embedding

### Describe the bug When using variables in text cards as indicated by this: … https://www.metabase.com/learn/dashboards/markdown#use-variables-in-text-cards-to-create-dynamic-text You can hide the variable by using double brackets to tell Metabase to display the text only if the connected filter has at least one value. ``` # Plan [[## {{PLAN}}]] ``` This works on metabase but not when the dashboard is embeded ### To Reproduce 1. Go to New -> Dashboard -> Add Text Box and paste `[[{{test}}]]` -> Add Text filter and link with Text Box: <img width="1496" alt="image" src="https://user-images.githubusercontent.com/110378427/233651331-e160cc3b-c47b-454c-9d65-7a650aa67dd8.png"> 2. Go to Sharing -> Embed in your application -> Add a text and notice nothing shows in this case <img width="1509" alt="image" src="https://user-images.githubusercontent.com/110378427/233651762-273580d9-632e-411f-a011-48d0c24e41fa.png"> ### Expected behavior The text in the filter should appear in the text box ### Logs No logs ### Information about your Metabase installation ```JSON Able to replicate on both 1.46.1 and `master` ``` ### Severity minor ### Additional context _No response_

Make sure to thumbs up the issue so it gets more uptake

celso.miranda · April 19, 2024, 11:55am

That's right!

You managed to translate the error well. Historically, they haven't made any changes to this, correct?

TonyC · April 19, 2024, 11:58am

Yep correct! Issue is still there