question Service Portal redesign/widget question in ITSM forum

Service Portal redesign/widget question

Andrew Meza — Fri, 05 Jul 2024 20:14:50 GMT

Hello, I am redesigning my "Standard Ticket" page.

This is what it looks like now with the redesign.

This is the old way, which is how it looks in production. How can I get the highlighted area to show on my new and improved "Standard Tickets" page? Not sure if it's a widget, if it is I am having a hard time finding the name.

Re: Service Portal redesign/widget question

TrevorK — Fri, 05 Jul 2024 20:33:43 GMT

When I load our ESC it looks to me like this is the snippet in the HTML:

We don't use ESC so I'm not sure if that's exact (we don't have "actions" but everything else looks the same). But when I inspect the element, this looks like the block of code doing what you want. Of course, there are pieces in the other script boxes too but I assume this is what you need to get started.

Re: Service Portal redesign/widget question

ChrisBurks — Fri, 05 Jul 2024 22:22:30 GMT

Usually if you have the correct permissions and you do a Ctrl + Right-click on a rendered area of a widget it will give a context menu popup and include the name of the widget. In this case it should be the "Standard Ticket Header" widget.

Re: Service Portal redesign/widget question

Andrew Meza — Mon, 15 Jul 2024 15:51:05 GMT

Got it, thank you! I am running into a issue now. Looks good but my item and name area cut off. is there anyway to expand it to see the full context?

Re: Service Portal redesign/widget question

ChrisBurks — Mon, 15 Jul 2024 16:10:48 GMT

Hi @Andrew Meza ,

That is going to be based on the CSS styling. It looks like your container there is not as wide thus squishing the elements closer together. It looks like the OOTB styling puts a nowrap on the white-space so that the text doesn't wrap and an ellipsis (truncate to three trailing dots) to replace what would have shown. You'll need to do some restyling or adjust the container or adjust the html element structure.

Re: Service Portal redesign/widget question

TrevorK — Mon, 15 Jul 2024 16:19:41 GMT

Have you ever used the Developer Tools to modify the CSS?

View and change CSS | Chrome DevTools | Chrome for Developers

What you want to do is inspect the elements and adjust the sizing of them. Then you put that CSS you used in the Developer Tools on your Portal Page record. Sounds a lot tougher than it is.

If it's a public page I can take a look and tell you what needs adjustment.