Hi,
I have a page that contains a table on left with a list of (airtable) entries, that can be selected. If selected, detailed attribute are shown in the right part (works fine). I added now in the right part a custom element, containing an iframe/html code, that displays a stock chart. The idea is, when selecting an entry in the table left (by name), the corresponding value (ticker) is passed to the custom component where the URL is adapted, I.e. the ticker symbol of the stock entry in the left coloum is passed as variable to the custom component where it is pasted into the URL, so that always the corresponding chart is shown.
In the HTML Code below, that embeds the chart, its the part with “… area-chart?symbol=AAPL&selection…” → the “AAPL” must be replaced with the variable passed from the selection in the left table.
Details:
Custom Componente HTML Code:
“<iframe
referrerpolicy=“origin”
width=“100%”
height=“470”
style=“background: #FFFFFF;padding: 10px; border: none; border-radius: 5px; box-shadow:0 2px 4px 0 rgba(0,0,0,.2)”
src=“https://jika.io/embed/area-chart?symbol=AAPL&selection=one_year&closeKey=close&boxShadow=true&graphColor=1652f0&textColor=161c2d&backgroundColor=FFFFFF&fontFamily=Nunito””
"
Screenshot of the current status:
Any help and input appreciated. thank you!