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 project you want to configure.
3. From service 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.
   

   

   
   
6. The Apply theme style dialog box appears.
7. Choose one of them and click Apply.
   

   

   
   
8. Click on top background.
   
   Note

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

   
   

   

   
   
9. The Edit background style dialog box appears.
   
10. Click Drop file to attach, or browse and upload the image.
    
    Tip

    The recommended image size is 1440x352. You can also add higher one but it will be scaled.

    

    
    
    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.
    
    

    

    
    
11. Go to Image position and select one option below.
    

    

    
    
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.
       

       

       
       
    3. Enter the RGBA color code.
       

       

       
       
    4. Enter the HSLA color code.
       

       

13. Click Apply.
    

Result

A new configuration is added.

Examples of top background configuration

Set a bottom background

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.
   

   

   
   
8. Click on bottom background.
   

   

   
   
9. The Edit background style dialog box appears.
   
10. Click Drop file to attach, or browse and upload the image.
    

    

    
    
    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.
    
    

    

    
    
11. Go to Image position and select one option below.
    

    

    
    
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.
       

       

       
       
    3. Enter the RGBA color code.
       

       

       
       
    4. Enter the HSLA color code.
       

       

13. Click Apply.
    

    

    
    

Result

A new configuration is added.

Examples of backgrounds on the Customer Portal

• Request form
  

  

• Request details view
  

  

• My requests list

  

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.