web

You’re offline. This is a read only version of the page.

News and Announcements icon

Power Platform CommunityForums Power Apps HTML Text control does...

Power Apps

Answered

HTML Text control does not cut of text and show the ellipsis (3 dots)

(0) Share

Report

Report

Posted on by PeKi1972

27

Dear community,

i have a gallery and and a vertical container on the gallery template with on the container a HTML Text control:

Even though i use the code to cut of text and show the ellipses and doesn't do that. What do i do wrong:

"<Table style=width:100% >

<tr>

<th style='text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12pt; color:#000000; line-height:3.5'>

<center>" & ThisItem.Naam & "</center></th>

</tr>

<tr>

<td style='text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:12pt; line-height:2.0'>

<center>" & ThisItem.Titel & "</center></td>

</tr>

<tr>

<td style='text-overflow:ellipsis; overflow:hidden; white-space:nowrap; font-size:10pt'; line-height:2.0'>

<center>" & ThisItem.Afdeling & "</center></td>

</tr>

</table>

"

Categories:

Building Power Apps

I have the same question (0)

All responses Img

All responses (1)

Answers Img

Answers (1)

Verified answer

cha_cha 4,932 Moderator on at

Like (1)

Report
Copy link

Link copied!
Hello @PeKi1972

You will need this and ensure that it's inside an element like span.

"<table style='width:90%;'> <tr> <td style='width:20%; '> <span style='background-color:#fefefe; display: block; width: 100px; margin: auto; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 12pt; color: #000000; line-height: 3.5; text-align: center;'> ABsCDEEEEEEEEEsdsds </span> </td> </tr> </table> "

Was this reply helpful? Yes No

Join the conversation