How can i add one more custom element to leftgroup of header
new instance.UI.Components.GroupedItems
after document loaded.
Hello, I’m AiRon, an automated tech support bot 
While you wait for one of our customer support representatives, I can help you with your question.
To add a custom element to the left group of the header in the WebViewer UI, you can make use of the Modular UI’s flexibility to customize components dynamically. This involves updating the configuration after the document is loaded.
Some things you can try:
- Use the
UI.importModularComponentsAPI to load your configuration that includes your custom element. - Create a JSON configuration file that defines the new element you want to add to the left group of the header.
- Use the
UI.updatemethod to refresh the UI with the new configuration after the document is loaded. - Ensure that the custom element is properly defined in the JSON configuration with the necessary properties and functions.
Here are some resources that might help you:
- UI Import and Export: Learn how to import and export UI configurations using JSON files.
- Getting Started with Containers: Understand how to use containers to structure your UI components.
- Containers Overview: Detailed information on how containers work and how you can use them to customize your UI.
- Modular UI Panels: Learn how to add custom panels and elements to your UI.
Hopefully, this helps you solve your problem while you wait for a human to get back to you.
Hello @prachi.ve,
Thank you for posting on our forum.
Please see here for our recommended guide for adding elements to GroupedItems containers: https://docs.apryse.com/web/guides/modular-ui/containers#setitems
The above guide also includes a sample code snippet for inserting an element into the GroupedItems container. For code snippets regarding creating custom elements, see our guide here: https://docs.apryse.com/web/guides/modular-ui/items#custom-elements
Let us know if this works for you!
Best Regards,
Jacob Romano Carlsen
Web Development Support Engineer
Apryse Software Inc.
1 Like
Thanks its working i am able to append element conditionally now.
2 Likes