Measure text width dynamically

[brandon80]

In my prototype, I have the username shown in the top bar with a dropdown arrow next to it:

John v

I allow the username to be updated dynamically, so I want the arrow to shift left or right accordingly. Right now, I am able to measure the number of characters in the name, but since I am not using a monotype font, it still doesn’t space accurately. Is there any way to do this better?

Edit: here is an example of what I am looking for with a poor solution.
https://u992em.axshare.com

Test.rp (50.7 KB)

[mbc66]

Axure doesn’t support this natively, but you can do this with a bit of a hack. See this thread for a method:

Add icon after dynamic text

Yes, using a symbol font is a good solution, @Mike_Gray, and works well, especially when you need to embed an icon in the middle of a text block. However, finding, installing and testing/tweaking can sometimes make it less than simple–especially if you also need to set up web font mapping, for instance to make it work on mobile devices. If you need to use a custom icon, or one with multiple colors, states, photo image, etc. a different approach must be taken. Recently, there was a thread where…

[system]

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