Theme Extension for Jira Service Desk

Jira Server
HOSTING
Last updated Mar 20, 2019

Edit card style

This section provides information on configuring a card style appearance.

Now you can change the appearance of your request types. Each request type is a card which you can configure in a different way.

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.
  6. The Apply theme style dialog box appears.
  7. Choose one of them and click Apply.
  8. Click on a card you want to configure.
  9. The Edit card style dialog box appears.
  10. Go to Graphics.
  11. If you don’t want to use default card image style, set the state of switch to off.
  12. Click Drop file to attach, or browse and upload the image.
    Note

    Click Show recent uploads to see recently added graphic.


  13. Go to Image position and select one option below.
  14. Go to Select background color. You have four choosing 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. Go to Text.
  16. If you don’t want to use default card text style, set the state of switch to off.
  17. Go to Card title and set its color.
    You have four choosing 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.
  18. Choose the font style: regular, oblique or bold.
  19. Go to Card description.
    You have four choosing 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.
  20. Choose the font style: regular, oblique or bold.
  21. Go to Select background color.
    You have four choosing 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.
  22. Click Apply.
Note

Use drag-and-drop to re-order cards.

Result

A new card style configuration is added.

Info

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