Hello everyone! I am struggling with auto-formatting the text style shown below. What I want is to have the underline expand with the text. The intended visual of the underlay underlineHowever, when I apply auto-layout and try to hack things a bit, the underline is either right below the text or the text is being covered by the underline (shown below). Would any of you have an idea of how to get the desired result?

In your auto layout:Make the underline “ignore layout”Then set it’s constraints like so:

New Member

Solved

Want an "underlay" underline to expand with the text

2 replies
252 views

Hello everyone! I am struggling with auto-formatting the text style shown below. What I want is to have the underline expand with the text.

The intended visual of the underlay underline

However, when I apply auto-layout and try to hack things a bit, the underline is either right below the text or the text is being covered by the underline (shown below).

Would any of you have an idea of how to get the desired result?

Figma Design
Auto layout
Text and fonts
Underline

This topic has been closed for replies.

ShivSolution

New Participant

In your auto layout:

Make the underline “ignore layout”
Then set it’s constraints like so:

ShivSolution

New Participant

In your auto layout:

Make the underline “ignore layout”
Then set it’s constraints like so:

rayrayAuthor

New Member

Genius! Thanks so much, Shiv!

Sign up

Login with SSO

Login to the community

Login with SSO