Add icons "inline" inside "set text" in a Repeater

[geecee75]

in a Repeater widget, I’ve got 2 elements, a departure airport and an arrival airport, with text coming in from data set. I could just put a hyphen / dash between them, but what if I wanted to add an icon, like an arrow or a plane, between the two items. Any ideas? e.g.: to replace the hyphen with an icon/image:
[[Item.c_departure]] - [[Item.c_arrival]]

[mbc66]

The best approach for inline icons is to use a graphic font, like Font Awesome or Wingdings. You can specify this dynamically using the Set Text: Rich Text option instead of default Set Text : Text option.

Inline images are difficult as you have to calculate the width of the text string. Doing this for multi-line text areas is even more difficult and unreliable. Here are some approaches to handle varying text lengths in a repeater:

Not fitting with "Fit to Content in HTML" in Repeater when DP state change or show/hide from Action

OK, I went down some rabbit holes trying to figure out just what is going on with this. It does look like something buggy is happening when trying to auto-fit a widget to its text width when anything else is done in a repeater’s OnItemLoad event that might affect the size or contents of that repeater cell. I did arrive at three different methods for doing this --each with its set of benefits and disadvantages. First approach uses a dynamic panel with states for First, Middle, Last. It approxi…

[geecee75]

Great, thank you - in a way it’s a shame you can’t drop in a link to an image URL or something, but I think Font Awesome will be robust enough for what I need

[system]

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.