Formatting "Description shown to end users
Answered
Posted Oct 09, 2020
Hello everyone,
I'm new on Zendesk and I want to "format" the description shown to end users.
This is what I have :
This is the format I want :
I don't know if it's clear but I want a line break between each parts.
Tell me if you need more informations and have a good week-end
Regards,
Loïc Bouvet
1
18
18 comments
Noelle Cheng
Hi 1263169183150 just wanted to see if you had a solution for this. You have been so helpful in the Zendesk community!
4501644087194 i tried your suggestion but it is not working. Confirming you add that to CSS? Thanks!
0
Ifra Saqlain
Hi Max,
I'll get back to you soon :)
Thank You
Ifra
0
Max
hello 1263169183150
it seems that this code doesn't work anymore with new version of Copenhagen, any solution on your side ? :)
0
Hannah Lucid
Is there a way to do this only on a specific form?
0
Mark Pinfold
Seeing as this is still relatively recent in terms of interest, I thought Id share my experience of this.
I tried the above methods and ended up implementing something that offers the best of both worlds.
The first method (individual custom field application) works great. but I had concerns around the required extra vigilance in administration and tracking of which fields have this applied (already several hundred fields in operation).
Also required an update in behaviour that ensured more vigilant confirmation testing of every field's presentation moving forward.
The second method (global application) by Terry works great for all fields by targeting the <p> elements, but my experience was that text would spill outside of the request form div container. Unless I added manual line breaks to handle the word wrap.
This quickly made my older fields look chaotic and messy.
So if anyone wants to mix these two great ideas, the following is something I have applied at a global level in the style.css:
/***** Global Request Form Customization *****/
.request-form p,
.request-form .hint {
white-space: pre-wrap !important;
word-wrap: break-word !important;
}
I placed the code in the same region as all of the "My Activities and New Request"" style handlers.
(greyed code for orientation purposes only)
Example is in a query initiated workflow I am implementing for our HR department as they transition from shared mailbox task culture to Zendesk.
As you can see, this means I can add no-code line breaks in field descriptions whilst conveniently handling any text wrap spill.
Ill provide further feedback if this bites me, but “so-far so-good”.
The field set-up:
The finished product:
Hope this helps someone some day.
0
Noelle Cheng
1902120158944 I tried to implement what you stated but it's not working. In the Description hint field I tried breaking the line and also adding the break tag but my description hint is still not reflecting the line breaks.
0
Eddy H
Thank you so much, Sarosh! This is working for me now!
1
Sarosh Dholoo
4998148044186 Copenhagen is just the name of the theme, it's not based on your geolocation.
My steps are per field specifically for the Selway theme as that's what we use, whereas Terry's were for the Copenhagen theme for all fields. Each template will have its own settings and yours may have the sections outlined in Terry's steps or it may not. Selway did not so we're doing it per field. Example:
1
Eddy H
Sarosh Dholoo, you said this works for Copenhagen, is there a version for the US on this? I’m having the same issue and couldn't figure it out. I just want this on a specific field we have. Thanks!
0
Sarosh Dholoo
Edit: If anyone's wondering how to configure this per field when using the Selway template (as 1263792630790's great steps only work for Copenhagen), see below.
I'd recommend making a copy of the current Theme and Previewing the changes before applying to your Production theme.
Result:
1
Sign in to leave a comment.