Dynamic Tooltips/Popovers

Wappler General
1

Is there any tutorials and/or showcases for dynamic tooltips? I couldn’t find anything in the docs. I think I have a good use for dynamic tooltips on my current project, I’d just like to see it in action.

Anyone here used Tooltips? Preferably dynamic?

2

What do you need to do Brad, I can probably help

3

HI Brian, actually I believe it is Popovers that I need not tooltips (Does Wappler have popovers?)

I have data to show but teach record has very little in the data details so it doesn’t warrant a full detail view.

I’d like to have a list from the database that on hover or even click it would open a nice stylish popup with the related detail data.

4

Hey Brad, tooltips and popovers are located in dynamic attributes > display :slight_smile:

1 Like
5

Happy birthday! Just saw the icon next to your name :tropical_drink:

6

Ah, there it is. I will give it a try and I am sure I will have questions. Like in the content part it seems you can only add one expression?

7

Thanks man! Will be spending it with Wappler. lol

1 Like
8

Hmm you should be able to add more than one expression I believe. Not in front of my computer, but will check that later.

1 Like
9

What are you trying to add brad?

10

I have a repeat region with titles of programs that our company has run in the past. On hover of those titles I will be showing a popover with the program title, short description and government it was funded by.

I have four columns in my table:

1: Unique Id
2: Program Title
3: Description
4: Funding Source

Doesn’t seem like I can add more than one expression to the content so I may have to merge the data in columns 3 and 4 into one column.

11

How about adding: expression1 + expression 2 + expression3 manually?

12

I will try manually since there seems to be a bug in the dynamic picker.

1 Like
13

I will check this tomorrow morning :slight_smile:

1 Like
14

try manually adding:

{{Description}}{{FundingSource}}

15

It should be just expression - no {{}}

16

Just tested wiih {{, may be wrong but it worked anyway - :grinning:

17

I think I will have to redo my data table structure. The problem with the suggested way is there is no way to format the content it will just display as one long sentence.

I may need to combine the description and funding source into one column and add HTML to it to provide the content formatting. And then just add it as a single expression.

18

You can use HTML in popover body :slight_smile:

<h4> expression1 </h4><p> expression2 </p>

etc. just make sure to check the enable HTML option in the UI.

19

So you can add the HTML right in the expression? That would be awesome.

20

Yes you can add HTML tags there, but don’t forget to use the enable HTML option :slight_smile:

1 Like