I implemented the "new UI", edited the standard layout, and tweaked the widgets and get some images going (thanks email@example.com !)
Good deal more work to tweak all the colors to our branding, but this is a good start. Will post an update when things come together more.
it looks nice. are you using text widgets with html content?
Yes, just run of the mill text widget with HTML content.
Very good design which gave me some ideas on how to redesign my customer's SSM UI.
However I have one question. Where does the link "Other Issue" as highlighted below directs you to?
Does it direct you to a specific category containing offerings to report an issue (Incident) or will it direct you to the service catalog workspace?
Ah! Good question - it was just meant as an example of the types of things that could go there. It doesn't actually go anywhere.
I was thinking the "Get Help" would be for incidents (thus the broken pencil), while the Requests Services would focus more on service requests. The goal was to help our users, and ourselves, by differentiating between the two types of tickets - which is a new concept for us.
I see, I was trying to have a link called "Get Help" which will direct me to a specific category in the service catalog e.g. IT Services where the user can select a request under this category. I haven't been able to do this (which is possible in the Self Service Portal) and Support too confirmed is not possible. I thought maybe with your link "Other Issue" it shows some specific requests.
Well done again for the good design.
It looks nice. How did you import in those images in Mobile interface . It does not let me copy images?
Please share the code for an example for me to check
To add an image you first need to convert it to base 64 then paste the code into the HTML source.
Use a suitable resolution for the image to ensure you don't blowup your browser/RAM with the size of the base 64 code.
There are a bunch of sites online that you drop a file into and it’ll give you the string for free.
After that, once you’ve added the HTML, toggle back to the “view” mode and you need to add and remove a character in the WYSIWYG editor before saving the widget – otherwise all of your changes will be lost.
Thank You GGarcia for the help
But i did added the 64 base code but i am not able to save the image in the widget
You did mentioned to add/remove character can you please explain what does this mean WYSIWYG editor before saving the widget or how we do it??
Some editors on web pages that have a toggle to view/edit the HTML source code. The view portion of these editors is called WYSIWYG which stands for "what you see is what you get".
Once you've pasted the base 64 code into the source of the editor and toggled back to the view, then add and remove a space, then click save.
If you don't all of your changes are lost.