Top Panel

Top Panel enables you to configure the main panel of the application and align to the overall branding theme of the organization.

Figure: Top Panel

The following are the Top Panel components:

• Upload Logo
• Background Color
• Text Size
• Text Color
• Text Style

Upload Logo

Uploading of the logo in the Top Panel establishes a strong brand presence and enhances the visual appeal of the application.

Figure: Upload Logo

To upload a logo, perform the following steps:

1. Click Top Panel from Add Theme page.
   
   
2. Click (upload icon) to upload your organization's logo from the local drive. Select the required logo and click Open.
   The Resize Image screen is displayed.
   Figure: Resize Image
3. Perform the following actions described in the following table and click OK.
   
   

   Icon	Description
   	Click to reduce the size of the chosen application logo, offering visual confirmation of the action within the application.
   	Click to enlarge the chosen application logo, offering a closer view of the detailed design of the logo.
   	Click to revert changes and improve the system's usability and flexibility.
   	Click to adjust the orientation of the image and enhance the composition of the logo.
   	Click to horizontally reverse the logo, facilitating the creation of mirror effects and ensuring consistency.
   	Click to vertically reverse the logo, aiding in the correction of the logo's orientation.
   	Click to resize the application logo while preserving its original aspect ratio, ensuring visual harmony.

The updated logo is displayed on the Top Panel as displayed in the following figure.

Figure: Top Panel

Background Color

Enables you to set the background color of the top panel of your application. It improves overall visual appeal of your content.

Figure: Background Color

Text Size 

Adjusting the Text Size allows you to increase or decrease the size of the text in the top panel of your application according to your needs. This feature ensures optimal readability and accommodates user preferences. You can modify the text size by moving the slider or clicking the arrows (greater than or less than), ranging from 10px to 18px. 

Figure: Text Size

Text Color

The Text Color option allows you to choose the desired color for the text in the Top Panel, ensuring ample contrast with the background and enhancing the text's legibility for a meaningful presentation of text-based information. You can pick your preferred color from the available color palette.

Figure: Text Color

Text Style

The Text Style feature allows you to highlight or emphasize specific text in the top panel of the application using options such as Bold, Italic, and Underline. This enhances the overall aesthetics of the text.

Figure: Text Style