Is there a way to concatenate multiple visible elements together such that as the first element grows /shrinks the second element will continue to be displayed directly next to it.
This comes up a lot and I haven’t figured out a solution yet. In my example CarDo app you can see I have placed a icon (i) inside a group that ideally is right next to the Car Make. Since I can’t figure this out the (i) is floating some distance away.
That’s nice but not what I was asking for. The example I showed was simplified, but what it is supposed to show is a (i) icon that the user can click on to get more information.
In my real app, I was planning to have an Edit and Delete icon. Each would be hidden until I clicked them. Moreover, they should appear immediately to the right of the variable length text element (in my example the name of the car make).
More like this below where the edit and del options are actually clickable elements initiating separate workflow:
Something Long Text. [edit] [ⓧdel]
Short Txt [edit] [ⓧdel]
Some super duper lengthy text anomoly [edit] [ⓧdel]
Blah Blah [edit] [ⓧdel]
and so on [edit] [ⓧdel]
This is a great technique. I’d probably need those links to be dynamically created but think that is doable using this technique.
The one problem I have with this technique is a visual design issue. Since these clickable icons repeat multiple times, in a repeating group, I would prefer to only have them visible when hovered over. It will make the UI look much cleaner not having repetitive icons constantly displaying on it. Do you think this is an additional variation on what you have done or does it require an entirely different technique?
Right. So just add the normal “text” without the icons in the main text field if you want. Then on the conditional add the icons and say on hover then this text becomes “text + icons”
If you want me to do it in the example I can show you on Monday.
Today is my 13 year wedding anniversary so I’m not “working”.
Thanks for letting me know.
edit] [ⓧdel]