Question: How to Use a Dynamic Value in a Telegram Widget Inside a Table Column?

Wappler General Need Help
1

Hi everyone,

I need to embed the Telegram widget inside a table column:

<script async src="https://telegram.org/js/telegram-widget.js?22" data-telegram-post="nameofchannel/id_message" data-width="100%"></script>

The nameofchannel/id_message value needs to be dynamic, as it comes from the repeat structure of the table (it changes for each row).

I’m struggling to figure out how to insert the dynamic value into the widget.

Any suggestions on how to achieve this?

Thanks in advance for your help! :blush:

2

Hi,

You have to use dmx-bind and you have to remove the async attribute

1 Like
3

like that ?

<script src="https://telegram.org/js/telegram-widget.js?22" dmx-bind:data-telegram-post="nameofchannel/id_message" data-width="100%"></script>
4

I think so! And then you put an expression inside the dmx-bind attribute

5

Did it work? I suspect you might run into an issue in case the Telegram scripts loads before the Wappler script parses the expression

6

will tell you today :wink: