How to Undo Truncated Word into a full Word

saif-1996
Mega Contributor

serviceportal111.png

 

David Mi.... has to made as David Miller in portal how can i undo the truncated word into a full word

3 REPLIES 3

-O-
Kilo Patron
Kilo Patron

The widget styles that (CSS) class (.header-text) with attributes:

.header-text {
	display: block;
	margin-bottom: 0rem;
	overflow: hidden;
	padding-left: 1rem;
	text-overflow: ellipsis;
	white-space: nowrap;
}

where overflow is of importance in this matter.

If you want the name not to be truncated when canvas space is scarce, you need to specify a different overflow value, by overriding styles in the Portal theme.

Though any option that does not hide the excess (overflow: visible; or overflow: scroll;) will most likely produce ugly results.

Perhaps changing white-space to some other value (e.g. normal) would be also desirable.

E.g just changing style to

.header-text {
	display: block;
	margin-bottom: 0rem;
	overflow: hidden;
	padding-left: 1rem;
	text-overflow: ellipsis;
	white-space: normal;
}

 produces the result:

16.png

To achieve this, I added rule

body div.ticket-fields span.header-text {
	white-space: normal;
}

to one of the portal's style sheets.

MADHU MSKJ
Tera Contributor

Hi @-O-   ,
OMG thank you so much.  I don't know how much should I thank you.  I was looking for this from past 1 week. 

Hello @MADHU MSKJ 

I'm glad it helped 🙂