To configure this App in a way to modify any other CSS, you do need to have a deeper understanding in CSS.
Use Case Example CSS
This is just an example, you can modify the CSS in any way you like
Unlike Jira Software, where mandatory fields are marked by a red asterisk (*) and optional fields have no marking, Jira Service Desk marks only optional fields with “(optional)” and provides no marking for mandatory fields.
This can cause confusion both for Agents who also use Jira Software, and for customers, both of whom may be expecting the red asterisk to denote a mandatory field.
With “Portal Styler for Jira Service Desk” you can modify and extend the customer portals CSS upon load of the request type.
The Customer Portal standard style
The Customer Portal changed style
Let us see how we can achieve this…
Installing the App from the Marketplace
In Jira go to Manage Apps, search for “Portal Styler” and install “Portal Styler for JSD”.
Make sure to request a evaluation license.
Configuring the App
You can edit your custom css in the Manage Apps Screen
Based on Browser Caching you might need to do a full Browser Reload after applying configuration changes.
Alternate Option, disable and reenable the APP once.
Styling the Portal with CSS - Details
By default, if not configured differently, the app highlights the mandatory field with a red asterisk, as known from Jira.
Have a look at line 7. Since the app marks the mandatory fields with the class “accxiaEnhanced” we can define the added content easily via “after”.
You can also see on line 10 how we remove the text next to the “optional” fields.
You even can add dedicated text to dedicated labels.
Here is an example what we use at Accxia.
Please notice the “!important” flag, this is required to override predefined css.
This example is taken from here to show how easy to deliver this demand with Portal Styler
Service Desk Portal custom links
Hello is it possible to create a custom link in the customer portal instead of going to an issue type for creation is would go to a Confluence Confiform?
The Demo Code