Underlining collapsed text in collapsible panel

Sherri Guthrie asked on September 9, 2015 16:41

How do I underline the collapsed text in collapsible panel widget? I want to signal the user the text can be clicked on for more information. I would like the text to appear as a hyperlink with the text underlined.

collapsible panel

Correct Answer

Bryan Soltis answered on September 9, 2015 23:14

Sherri,

In the Web Part properties, you can enter HTML into the "Collapsed text" and "Expanded text" properties.

Example:

Collapsed text: <span style="text-decoration: underline; cursor:pointer;">Clickable Text</span>

Expanded Text: <span style="color:red;">Expanded Text</span>

0 votesVote for this answer Unmark Correct answer

Recent Answers

Sherri Guthrie answered on September 10, 2015 14:43

Thank you. I didn't realize I could add the html there. I thought it was plain text.

0 votesVote for this answer Mark as a Correct answer