Suggested Improvement: Button text fields

Hi Team

Are we able to get the secondary text field (or both fields) in the Button element showing as a ‘paragraph’ text box (or popup text field) to allow for additional formatting?

The Button element is great, but it doesn’t allow for too much text formatting ability. And when theres a decent amount of text, its difficult to navigate the field being so small.

Its one of the few places throughout all of Pro that you’re quite restricted with your text entry/formatting.

Thanks
Sam

1 Like

I mentioned this to the team recently… and it didn’t sounds like it was due to change

plus if you want to style the secondary line, ie add a bold to some of the text, you need to override the existing css with inline !important css tags

Here’s hoping they apply some oil to our squeaky wheel, @scotbaston… haha

1 Like

Hey Sam,

Thanks for brining this up. I think this exposes a more underlying issue that would be solved if we could just add a link to an entire column (an open feature request). The button itself wasn’t really meant to be used to that extreme. As Scot pointed out, there are challenges to customizing the HTML of that secondary text.

Would you agree that if columns had a link option that would solve it? Functionally, I imagine it would work by wrapping the column contents in an anchor tag. We would need to solve some strange issues like what happens to other click interactions within the Column, but I don’t think those are insurmountable.

Interested in your thoughts. Thanks!

I’d be up for this solution (column links), esp when mixed with saved presets with child content

Thanks Scot! Yeah, that’s what we were thinking as well. You could just save the whole column as a preset and recall it somewhere else with child elements intact.

Would you agree that if columns had a link option that would solve it?

This please. Pretty please.

Yep, I think columns having a link option would be great. However, would hover/particle functionality come into play here as well? This is what’s great about the buttons, is they have some ‘advanced’ functionality that we can utilise.

So in an instance where we want to use mouse hover changes / particle changes from a button, but then have ‘advanced’ text entries as well, we would need to:
– Create column
– Create a button (which by default will have a link set to it already)
– Add the ‘advanced’ text that is necessary for our element (via regular text element? No particle functionality on text element)
– Then create a link on the Column

What happens if someone hovers over the Button in the column with a link set to it already?
Particle functionality won’t apply around/on the Text (separate element to the button)?
Shadowing issues also come into play…?

Maybe this is calling for a completely new Element…? Like a quasi-Button-Text-Feature-Particle-Hover-Quadrangle-Astrophysicist-Hypertrophy-Juxtaposition Element!!? :rofl:

But seriously… it could just be a new ‘Feature’ Element… haha

quasi-Button-Text-Feature-Particle-Hover-Quadrangle-Astrophysicist-Hypertrophy-Juxtaposition Element

Hey now! The element API is ready so that element is a definite possibility!

GOD MODE ENABLED :rofl:


On a serious note, Kory and I were just talking about the link feature yesterday. It would definitely need a set of interaction controls. Like perhaps you’d get a particle for the whole column. But there’s also the fade/reveal functionality. It’s almost like each element needs (1) abase state, (2) an interaction state, and (3) an interaction trigger (hover/scroll into view). We’ve got some notes going on how to reconcile all that.

3 Likes

Someone needs to bring this God Mode dream into fruition… because I’m definitely not the guy :weary:

Just on that, will we get some documentation/support regarding the Element API? I have very low-end knowledge re. setting up APIs / building elements etc.

Column Link feature sounds promising based on your above considerations!

I still feel some sort of element with image background functionality would still be quite useful in various circumstances that doesn’t necessarily require an entire column. I could be overthinking it though…

Cheers,
Sam

They’ve actually got quite a bit of documentation going… but it is kind of daunting at first glance :thinking:

Element API Primer
Element API Reference

1 Like

Thanks for getting the links Devin!

Yeah, they’re massive articles. They were written in a format intended for our new docs site that is ready to go but we’re waiting on a few connected pieces before launching. The final version will have better navigation and be easier to work with. The best way to get started would be following along the Primer and lookin through files of the native elements.