Apps documentation
Theme Extension for Jira Service Management
Theme Extension for Jira Service Management
Guides
FAQ
Release notes
Last updated Dec 9, 2019

Default card style

This section provides information on configuring card types and styles.

Set a card type

Steps

To set configuration:

  1. Choose Projects at the top of the screen.
  2. Choose the service project you want to configure.
  3. From service project sidebar, select Project settings > Configuration in the Theme Extension section.
    Creating a theme configuration with Theme Extension for Jira Service Management
    Creating a theme configuration with Theme Extension for Jira Service Management
    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.
    Creating custom graphics on the Customer Portal with Theme Extension for Jira Service Management
    Creating custom graphics on the Customer Portal with Theme Extension for Jira Service Management

  5. Click Next.
    Creating a theme configuration with Theme Extension for Jira Service Management
    Creating a theme configuration with Theme Extension for Jira Service Management

  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 Management
    Applying a theme style with Theme Extension for Jira Service Management

  8. Click Default card style on the left side, below request types groups view.
    Choosing a default card style with Theme Extension for Jira Service Management
    Choosing a default card style with Theme Extension for Jira Service Management

  9. The Default card dialog box appears.
  10. Select card type and click Apply.
    Selecting a card type with Theme Extension for Jira Service Management
    Selecting a card type with Theme Extension for Jira Service Management
    Note
    Created layout applies to the whole portal. You can’t set different layouts for various request types.
    Info

    Names of cards - Horizon Line, Event Horizon, Full Moon, Aurora, Nebula and Exomoon - come from physics and astronomy.

Result

Selected card type is added.

Now you can see added card type with Theme Extension for Jira Service Management
Now you can see added card type with Theme Extension for Jira Service Management

Note

You can change card type anytime you want, even after configuring your default cards.

Set a card style

Steps

To set configuration:

  1. Choose Projects at the top of the screen.
  2. Choose the service project you want to configure.
  3. From service project sidebar, select Project settings > Configuration in the Theme Extension section.
  4. Go to Select theme and click Cards.
  5. Click Next.
  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 Management
    Applying a theme style with Theme Extension for Jira Service Management

  8. Click Default card style on the left side, below request types groups view.
    Choosing a default card style with Theme Extension for Jira Service Management
    Choosing a default card style with Theme Extension for Jira Service Management

  9. The Default card dialog box appears.
  10. Go to Card style > Graphics.
  11. Click Drop file to attach, or browse and upload the image.
    Adding an image in default card with Theme Extension for Jira Service Management
    Adding an image in default card with Theme Extension for Jira Service Management

    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 default card with Theme Extension for Jira Service Management
    Now you can see added image in default card with Theme Extension for Jira Service Management

  12. Go to Image position and select one option below.
    Setting an image position in default card with Theme Extension for Jira Service Management
    Setting an image position in default card with Theme Extension for Jira Service Management

  13. 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 default card with Theme Extension for Jira Service Management
      Entering the HEX color code in default card with Theme Extension for Jira Service Management

    3. Enter the RGBA color code.
      Entering the RGBA color code in default card with Theme Extension for Jira Service Management
      Entering the RGBA color code in default card with Theme Extension for Jira Service Management

    4. Enter the HSLA color code.
      Entering the HSLA color code in default card with Theme Extension for Jira Service Management
      Entering the HSLA color code in default card with Theme Extension for Jira Service Management

  14. Go to Text > Card title.
    Configuring text settings in default card with Theme Extension for Jira Service Management
    Configuring text settings in default card with Theme Extension for Jira Service Management

    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.
    3. Enter the RGBA color code.
    4. Enter the HSLA color code.
  15. Choose the font style: regular, oblique or bold.
    Choosing a font style in default card with Theme Extension for Jira Service Management
    Choosing a font style in default card with Theme Extension for Jira Service Management

  16. Go to Card description.
    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.
    3. Enter the RGBA color code.
    4. Enter the HSLA color code.
  17. Choose the font style: regular, oblique or bold.
    Choosing a font style in default card with Theme Extension for Jira Service Management
    Choosing a font style in default card with Theme Extension for Jira Service Management

  18. 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.
    3. Enter the RGBA color code.
    4. Enter the HSLA color code.
  19. Click Apply.
    Applying text settings in default card with Theme Extension for Jira Service Management
    Applying text settings in default card with Theme Extension for Jira Service Management

Result

A new card style configuration is added.

Now you can see added default card style configuration with Theme Extension for Jira Service Management
Now you can see added default card style configuration with Theme Extension for Jira Service Management

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.

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.