Theme Extension for Jira Service Desk

Jira Server
HOSTING
Last updated Sep 10, 2019

Background

This section provides information on configuring a top and bottom background appearance.

Now you can create your own background. Set an image from your disk, choose graphic position and select background color.

Set a top background

Steps

To set configuration:

  1. Choose Projects at the top of the screen.
  2. Choose the service desk project you want to configure.
  3. From service desk project sidebar, select Project settings > Configuration in the Theme Extension section.
    Info

    You can also configure the appearance of your portal going directly to Customer Portal:
    Go to Customer channels > click Visit the portal or copy and paste a link into a browser address bar.

  4. Go to Select theme and click Cards.
  5. Click Next.
    Creating custom graphics on the Customer Portal with Theme Extension for Jira Service Desk
    Creating custom graphics on the Customer Portal with Theme Extension for Jira Service Desk

  6. The Apply theme style dialog box appears.
  7. Choose one of them and click Apply.
    Applying a theme style with Theme Extension for Jira Service Desk
    Applying a theme style with Theme Extension for Jira Service Desk

  8. Click on top background.
    Note

    Drag the slider below the search bar to change the height of the background.


    Editing a top background style with Theme Extension for Jira Service Desk
    Editing a top background style with Theme Extension for Jira Service Desk

  9. The Edit background style dialog box appears.
  10. Click Drop file to attach, or browse and upload the image.
    Adding an image in top background with Theme Extension for Jira Service Desk
    Adding an image in top background with Theme Extension for Jira Service Desk

    Note
    • This app supports images in the .jpg, .png and .gif formats.
    • Click Show recent uploads to see recently added graphic.
    • Click Delete to remove added graphic.

    Now you can see added image in top background with Theme Extension for Jira Service Desk
    Now you can see added image in top background with Theme Extension for Jira Service Desk

  11. Go to Image position and select one option below.
    Setting an image position in top background with Theme Extension for Jira Service Desk
    Setting an image position in top background with Theme Extension for Jira Service Desk

  12. Go to Select background color.
    You have four options:
    1. Set a color manually.
      • Select a color range.
      • Pick a color from the canvas.
      • Select an opacity value.
    2. Enter the HEX color code.
      Entering the HEX color code in top background with Theme Extension for Jira Service Desk
      Entering the HEX color code in top background with Theme Extension for Jira Service Desk

    3. Enter the RGBA color code.
      Entering the RGBA color code in top background with Theme Extension for Jira Service Desk
      Entering the RGBA color code in top background with Theme Extension for Jira Service Desk

    4. Enter the HSLA color code.
      Entering the HSLA color code in top background with Theme Extension for Jira Service Desk
      Entering the HSLA color code in top background with Theme Extension for Jira Service Desk
  13. Click Apply.

Result

A new configuration is added.

Examples of top background configuration

Examples of top background configuration with Theme Extension for Jira Service Desk
Examples of top background configuration with Theme Extension for Jira Service Desk

Set a bottom background

Steps

To set configuration:

  1. Choose Projects at the top of the screen.
  2. Choose the service desk project you want to configure.
  3. From service desk project sidebar, select Project settings > Configuration in the Theme Extension section.
  4. Go to Select theme and click Cards.
  5. Click Next.
    Creating custom graphics on the Customer Portal with Theme Extension for Jira Service Desk
    Creating custom graphics on the Customer Portal with Theme Extension for Jira Service Desk

  6. The Apply theme style dialog box appears.
  7. Choose one of them and click Apply.
    Applying a theme style with Theme Extension for Jira Service Desk
    Applying a theme style with Theme Extension for Jira Service Desk

  8. Click on bottom background.
    Editing a bottom background style with Theme Extension for Jira Service Desk
    Editing a bottom background style with Theme Extension for Jira Service Desk

  9. The Edit background style dialog box appears.
  10. Click Drop file to attach, or browse and upload the image.
    Adding an image in bottom background with Theme Extension for Jira Service Desk
    Adding an image in bottom background with Theme Extension for Jira Service Desk

    Note
    • This app supports images in the .jpg, .png and .gif formats.
    • Click Show recent uploads to see recently added graphic.
    • Click Delete to remove added graphic.

    Now you can see added image in bottom background with Theme Extension for Jira Service Desk
    Now you can see added image in bottom background with Theme Extension for Jira Service Desk

  11. Go to Image position and select one option below.
    Setting an image position in bottom background with Theme Extension for Jira Service Desk
    Setting an image position in bottom background with Theme Extension for Jira Service Desk

  12. Go to Select background color.
    You have four options:
    1. Set a color manually.
      • Select a color range.
      • Pick a color from the canvas.
      • Select an opacity value.
    2. Enter the HEX color code.
      Entering the HEX color code in bottom background with Theme Extension for Jira Service Desk
      Entering the HEX color code in bottom background with Theme Extension for Jira Service Desk

    3. Enter the RGBA color code.
      Entering the RGBA color code in bottom background with Theme Extension for Jira Service Desk
      Entering the RGBA color code in bottom background with Theme Extension for Jira Service Desk

    4. Enter the HSLA color code.
      Entering the HSLA color code in bottom background with Theme Extension for Jira Service Desk
      Entering the HSLA color code in bottom background with Theme Extension for Jira Service Desk
  13. Click Apply.
    Applying bottom background settings with Theme Extension for Jira Service Desk
    Applying bottom background settings with Theme Extension for Jira Service Desk

Result

A new configuration is added.

Info

Remember, you have to click Publish in Edit mode at the top of the screen on the right side to see applied changes on the Customer Portal.

Examples of backgrounds on the Customer Portal

  • Request form

    Example of bottom background configuration in request form with Theme Extension for Jira Service Desk
    Example of bottom background configuration in request form with Theme Extension for Jira Service Desk

  • Request detail view

    Example of bottom background configuration in request detail view with Theme Extension for Jira Service Desk
    Example of bottom background configuration in request detail view with Theme Extension for Jira Service Desk

  • My requests list

    Example of bottom background configuration in my requests list with Theme Extension for Jira Service Desk
    Example of bottom background configuration in my requests list with Theme Extension for Jira Service Desk

Need help?

If you can’t find the answer you need in our documentation, raise a support request*.

*Include as much information as possible to help our support team resolve your issue faster.