Page History

...

The DX 8 Trimeda Theme is a flexible and modern interface theme, now enhanced to reflect the sleek design and seamless functionality of the Joget theme. It offers extensive customization options, enabling users to personalize their experience while delivering a cohesive and contemporary aesthetic. 

Image RemovedImage Added

Configure DX 8 trimeda

To set up a theme DX 8 Trimeda, go to the Theme field in UI settings > Configure Layout and select DX 8 Trimeda.

Image RemovedImage Added

When you select DX 8 Trimeda, you will see the following properties available for configuration:

• Menu Position:
  Determines the position of the menu
  • Side Menu
  • Minimized Side Menu
  • Horizontal Menu below Header
  • Horizontal Menu inline with Header
  • No Menu
• Background Image: Upload a custom background image for a personalized look.
• Background: 
  Color Scheme-Background.
  You can choose from the preset colors or custom colors. If you choose custom colors, you can define them manually or through the color picker.
• Content Background:
  Color Scheme-Content Background.
  You can choose from the preset colors or custom colors. If you choose custom colors, you can define them manually or through the color picker.
• Header Color: 
  Color Scheme-Header Color.
  You can choose from the preset colors or custom colors. If you choose custom colors, you can define them manually or through the color picker.
• Header Font Color: 
  Color Scheme-Header Font Color.
  You can choose from the preset colors or custom colors. If you choose custom colors, you can define them manually or through the color picker.
• Sidebar Background:
  Color Scheme-Sidebar Background.
  You can choose from the preset colors or custom colors. If you choose custom colors, you can define them manually or through the color picker.
• Sidebar Menu Background:
  Color Scheme-Sidebar Menu Background.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Sidebar Menu Color:
  Color Scheme-Sidebar Menu Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Sidebar Icon Color:
  Color Scheme-Sidebar Icon Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Sidebar Menu Background (Active):
  Color Scheme-Sidebar Menu Background (Active).
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Sidebar Menu Color (Active):
  Color Scheme-Sidebar Menu Color (Active).
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Sidebar Icon Color (Active):
  Color Scheme-Sidebar Icon Color (Active).
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Sidebar Badge Background:
  Color Scheme-Sidebar Badge Background.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Sidebar Badge Color:
  Color Scheme-Sidebar Badge Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Button Background:
  Color Scheme-Button Background.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Button Color:
  Color Scheme-Button Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Field Outline Color:
  Define borders or outlines surrounding user input fields. Options include preset palettes or custom definitions.
• Main Box Background Color:
  Control the primary background area or container with either default palettes or custom tones, leveraging the color picker tool.
• Secondary Box Background Color:
  Enhance complementary areas (i.e., sub-sections) with designated secondary background hues; presets or manual input applies.
• Dropdown Background Color:
  Control menu dropdowns with the preferred tones: preset styles or customizable picker-entry defined.
• Highlight Color:
  Color Scheme-Highlight Color.
  You can choose from the preset colors or custom colors. When you select custom colors, you can define the color manually or through the color picker.
• Highlight Background:
  Color Scheme-Highlight Background.
  You can choose from the preset colors or custom colors. When you select custom colors, you can define the color manually or through the color picker.
• Heading Font Color:
  Color Scheme-Heading Font Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Font Color:
  Color Scheme-Font Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Secondary Font Color:
  Color Scheme-Secondary Font Color.
  Defines the color of supporting text elements or secondary information. Choose from preset options or customize manually with the color picker.
  
• General Accent Color:
  Color Scheme-General Accent Color.
  This sets the accent hue for key interface highlights, such as borders, buttons, or icons, providing a cohesive design. Select from preset color schemes or personalize using the color picker.
  
• Content Font Color:
  Color Scheme-Content Font Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Link Color:
  Color Scheme-Link Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Link Color (Active):
  Color Scheme-Link Color (Active).
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Footer Background:
  Color Scheme-Footer Background.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.
• Footer Color:
  Color Scheme-Footer Color.
  You can choose from the preset colors or custom colors. When you choose custom colors, you can define the color manually or through the color picker.

Here’s your information in a neatly structured table:

Advanced

The Advanced settings offer extensive customization for the DX 8 Trimeda Theme. You can define URLs for the favicon and logo, disable user profile photos, and configure the inbox for assignments. Additional features include enabling font size control, dark theme, responsive switch for mobile devices, and adding custom CSS or JavaScript. You can also insert HTML for subheaders, subfooters, and a home banner, and manage user menu shortcuts.

Image RemovedImage Added

Fields to Configure:

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

...

Progressive web app (PWA) settings

The PWA settings ensure your application supports offline usage and push notifications. You can enable or disable PWA support and web push notifications and specify additional URLs to cache for offline functionality. These settings enhance the user experience by making the app more robust and accessible, even without an internet connection.

Image RemovedImage Added

Fields to Configure:

...

...

...

...

...

...

...

...

...

...

...

Login page UI

The Login Page UI settings allow you to customize your application's login page. You can upload a background image and add custom HTML content before and after the login form. These configurations help create a more engaging and personalized login experience for users and ensure that the login page aligns with your application's branding and design.

Image RemovedImage Added

Fields to Configure:

...

...

...

...

...

...

...

...

Permission settings

Permission settings control who can access and see the UI in the App Center. You can hide the UI from the App Center listing, manage permission types, and temporarily disable permission checking for testing purposes. This ensures that only authorized users can access specific UI elements, maintaining security and appropriate access control.

Image RemovedImage Added

Fields to Configure:

...

...

...

...

...