Adding Bold, Underline, Italics and Bulleted List to Portal Description
RéponduHi there.
On the New Request form in our customer facing portal, we have hints to what details should be added for each item. For example, for the description item we have thisI'd like to be able to format this better so it stands out with this
Can this be done. If so can you tell me how.
Thanks
Tom
-
Hi Tom Thompson,
Please make sure your request_page.hbs file should has the helper with the string (wysiwyg=true) as given in the image below:
Thanks
-
Hi Ifran.
Thanks for getting back to me.
I added the recommended to the code
but get this error
This is the full code for the page
I've inherited this system so I'm not sure what has been done in the past!
Thanks
Tom
-
Hi Tom!
It looks like you are trying to update the text of the hint that appears below the description, is that correct? If so, you can accomplish this by using jQuery and modifying the script.js file.
You will need to make sure jQuery is installed in your environment.
- Go to Zendesk -> Guide -> Guide Admin -> Customize Design and click Customize for the theme you'd like to edit
- In the lower-right, select Edit code
- In your code editor, locate script.js
- Use the following code (the first line is included in case you don't already have a document ready function in your script.js file):
-
$(document).ready(function() {
$('#request_description_hint').html('your html here');
} - Publish your changes
Let us know how that works out!
-
Tom Thompson, remove that which I was provide and go through the @Sam's solution.
I was provided the solution for the text-area.
Thanks
-
Thanks Sam.
Yes you are correct, it is the hint and I'm trying to update this in the field section in admin
I've added the required to the script.js file
and hopefully added the correct JQuery to the document_head.hbs based on what is installed
Still no bullet points.
My knowledge on this is very limited so please bear with me.
Do I now need to use Java tags in the hint description?
Thanks
Tom
-
Do like this:
Script code:
style.css file:
Output:
-
Tom Thompson As Ifra Saqlain mentioned, you'll need to replace the "your html here" portion of my code block with the HTML you'd need for the bullet points and the remainder of your text. Ifra provided an excellent example above of how to do so. If you run into any other problems, let us know!
Vous devez vous connecter pour laisser un commentaire.
7 Commentaires