Customization: Introduction of New Elements

The ZIE WEB Client customization framework allows you to easily modify and personalize the user interface without impacting system stability.  With this RFE, you can: 

  • Enhance the Ribbon Bar 

  • Add new UI elements dynamically 

  • Apply consistent styling with CSS classes  

  • Customize session icons  

These capabilities help align the application with your branding while improving usability and workflow efficiency. 

Ribbon Bar Enhancements

You can add new items to the Ribbon Bar using <li> elements. 

  • Insert the <li> into the Ribbon Bar’s parent container  

  • All content inside the <li> is treated as a single block  

  • The system does not modify internal elements  

  • Original IDs are preserved, even if prefixes are applied  

Adding New Elements

You can extend existing UI components by adding new DOM elements. 

  • Target the parent element using its ID  

  • Append new elements as children  

  • Ensure each element has a unique ID  

This ensures proper processing by the customization engine. 

Custom Style Classes

You can define and apply custom CSS classes to existing UI elements. 

  • Promotes consistent design across the application  

  • Reduces reliance on inline styling  

  • Simplifies maintenance and updates  

Session Icon Customization

Session icons can be customized using <img> elements with specific IDs. 

  • Supported for all session types (e.g., 3270, 5250)  

  • Works for both enabled and disabled states