--- title: Unlock rich UX for Siebel Open UI with the modern web frameworks and Nexus'19 description: Siebel Open UI Nexus'19. Unlock rich UX for Siebel Open UI with the modern web frameworks and Nexus'19 image: https://pro.ideaportriga.com/hubfs/360%20Design%20New.jpg --- [![Ideaport Riga logo](https://pro.ideaportriga.com/hubfs/IPR%20Logo.svg "Ideaport Riga logo")](https://pro.ideaportriga.com/) [![Tech life_ Logo](https://pro.ideaportriga.com/hubfs/IPR%20Logo/2024%20Current%20Design/Tech%20life_%20Logo.svg "Tech life_ Logo")](https://pro.ideaportriga.com/techlife) ###### Ideaport Riga blog: Future of CRM - Salesforce, Siebel, and Agentic AI solutions This is a search field with an auto-suggest feature attached. - There are no suggestions because the search field is empty. # Unlock rich UX for Siebel Open UI with the modern web frameworks and Nexus'19 ![Juris Terauds](https://pro.ideaportriga.com/hubfs/IPR%20People%20(+)/Portraits/Juris%20400.jpg) [Juris Terauds](https://pro.ideaportriga.com/techlife/author/juris-terauds) Jan 21, 2019 Find me on: [![Share on facebook](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/facebook.svg) ](http://www.facebook.com/share.php?u=https%3A%2F%2Fpro.ideaportriga.com%2Ftechlife%2Fnexus19-unlock-rich-ux-for-siebel-open-ui-with-the-modern-web-frameworks%3Futm_medium%3Dsocial%26utm_source%3Dfacebook) [![Share on linkedin](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/linkedin.svg) ](http://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fpro.ideaportriga.com%2Ftechlife%2Fnexus19-unlock-rich-ux-for-siebel-open-ui-with-the-modern-web-frameworks%3Futm_medium%3Dsocial%26utm_source%3Dlinkedin) [![Share on twitter](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/twitter.svg) ](https://www.twitter.com/intent/tweet?original_referer=https%3A%2F%2Fpro.ideaportriga.com%2Ftechlife%2Fnexus19-unlock-rich-ux-for-siebel-open-ui-with-the-modern-web-frameworks%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&url=https%3A%2F%2Fpro.ideaportriga.com%2Ftechlife%2Fnexus19-unlock-rich-ux-for-siebel-open-ui-with-the-modern-web-frameworks%3Futm_medium%3Dsocial%26utm_source%3Dtwitter&source=tweetbutton&text=) [![Share on email](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/email.svg) ](mailto:?subject=Check%20out%20https%3A%2F%2Fpro.ideaportriga.com%2Ftechlife%2Fnexus19-unlock-rich-ux-for-siebel-open-ui-with-the-modern-web-frameworks%3Futm_medium%3Dsocial%26utm_source%3Demail%20&body=Check%20out%20https%3A%2F%2Fpro.ideaportriga.com%2Ftechlife%2Fnexus19-unlock-rich-ux-for-siebel-open-ui-with-the-modern-web-frameworks%3Futm_medium%3Dsocial%26utm_source%3Demail) **Siebel UX is not up to date**. Siebel Open UI introduction in 2012 made it possible for Siebel customers to change Siebel UI's look & feel by modifying CSS and writing small pieces of jQuery code. By doing so, you can make Siebel look in accordance with the corporate brand book and slightly improve how users feel using the system. Still, these changes do not bring Siebel UX to the level users expect from web applications in 2019 when it comes to visual aesthetics and ease of use.  **Heavy transformation of Open UI using jQuery is an expensive approach. **Siebel Open UI framework is relying upon jQuery, and all of the customization of Siebel user interface has to be done with this JavaScript library. When you ask your colleagues who are building beautiful, fast and highly interactive web applications for end users about the frameworks they use, you will hear them talking ab*out React, Angular *or* Vue.js, *not* jQuery. *While jQuery was originally designed in 2006 to simplify DOM manipulation and offered cross-browser support, the modern frameworks are making the** development of great-looking and functionally-rich web applications faster and less expensive, with smaller codebase to write and maintain**. ![360 Design New](https://pro.ideaportriga.com/hs-fs/hubfs/360%20Design%20New.jpg?width=1920&name=360%20Design%20New.jpg) **Account Summary view built using Vue.js and Quasar Components Library** Modern web frameworks allow developers to focus more on applications’ usability and functionality instead of low-level technical stuff. While there are notable differences between *React*, *Vue.js* and *Angular,* they and supporting libraries offer productivity improvement with the following features: 1. **Effective code structuring** with reusable components technology; 2. Advanced DOM manipulation and data binding with **two-way data binding** approach; 3. Ready-made mechanisms for **state management;** 4. Building, transforming, **bundling code with Webpack;** 5. **Reusable UI component libraries**, public or internal.   **Nexus'19 allows using modern web frameworks natively within Siebel Open UI. **At Idea Port Riga, we have developed a JavaScript class that wraps the Open UI Presentation Model layer and exposes the necessary methods for *Vue.js*, *Angular* or *React* apps to do the physical rendering of the UI. We called this open-source project Nexus'19, named after the [Nexus project](https://www.infoworld.com/article/2671044/applications/will-nexus-save-siebel-.html) Siebel Systems Siebel Systems worked on back in 2003. Nexus'19 is available for free to everyone under the [MIT license.](https://opensource.org/licenses/MIT)   [![Get Nexus Bridge Now](https://no-cache.hubspot.com/cta/default/1820050/372a34ea-3eb0-4694-a03e-23c470063813.png)](https://cta-redirect.hubspot.com/cta/redirect/1820050/372a34ea-3eb0-4694-a03e-23c470063813)   Installing Nexus’19 won't automagically transform the UI of your Siebel application. Instead, it allows you to tell your business users that finally *you can give them the user experience they were looking for *and start your Siebel transformation journey. You will be rebuilding Open UI view by view, user scenario by user scenario *using the tools of "real" web developers.* **The beauty of Nexus'19** is that you can leverage the power of modern web frameworks and **fully reuse the Siebel configuration** you have been building for years. Because Nexus'19 operates on top of the Siebel Presentation Models’ layer, your *Vue.js*, *React* or *Angular* application will be 100% aware of read-only or required attributes of business components’ fields, validations, LOVs, picklists, state models, etc.  ![three pictrues](https://pro.ideaportriga.com/hs-fs/hubfs/three%20pictrues.jpg?width=1035&name=three%20pictrues.jpg)**Mobile-friendly rendering of Siebel views for a Service Request creation with React** Currently, we are developing several Nexus'19 POCs internally and for our clients. Visit Nexus'19 page  to watch Nexus'19 webinar recordings**, **on what is possible to achieve with Siebel Open UI using Nexus'19 and modern web frameworks.  [![Take me to Nexus'19 Home](https://no-cache.hubspot.com/cta/default/1820050/6402209a-1476-42c0-b7f8-868e05d35d77.png)](https://cta-redirect.hubspot.com/cta/redirect/1820050/6402209a-1476-42c0-b7f8-868e05d35d77) Stay tuned!   [OUI](https://pro.ideaportriga.com/techlife/tag/oui) [Siebel](https://pro.ideaportriga.com/techlife/tag/siebel) [Nexus'19](https://pro.ideaportriga.com/techlife/tag/nexus19) [UX](https://pro.ideaportriga.com/techlife/tag/ux) [Siebel Open UI](https://pro.ideaportriga.com/techlife/tag/siebel-open-ui) - Recent - Popular - Categories ### Lists by Topic - [Siebel (22)](https://pro.ideaportriga.com/techlife/tag/siebel) - [Salesforce (17)](https://pro.ideaportriga.com/techlife/tag/salesforce) - [UX (12)](https://pro.ideaportriga.com/techlife/tag/ux) - [OUI (8)](https://pro.ideaportriga.com/techlife/tag/oui) - [User Experience (8)](https://pro.ideaportriga.com/techlife/tag/user-experience) - [SF Release Updates (7)](https://pro.ideaportriga.com/techlife/tag/sf-release-updates) - [SiebelCRM (7)](https://pro.ideaportriga.com/techlife/tag/siebelcrm) - [Agentforce (6)](https://pro.ideaportriga.com/techlife/tag/agentforce) - [Siebel Open UI (6)](https://pro.ideaportriga.com/techlife/tag/siebel-open-ui) - [Fast Forward (5)](https://pro.ideaportriga.com/techlife/tag/fast-forward) - [Java (5)](https://pro.ideaportriga.com/techlife/tag/java) - [Nexus'19 (5)](https://pro.ideaportriga.com/techlife/tag/nexus19) - [Application Integration (4)](https://pro.ideaportriga.com/techlife/tag/application-integration) - [Events (4)](https://pro.ideaportriga.com/techlife/tag/events) - [Agentic AI (3)](https://pro.ideaportriga.com/techlife/tag/agentic-ai) - [Cloud (3)](https://pro.ideaportriga.com/techlife/tag/cloud) - [Design System (3)](https://pro.ideaportriga.com/techlife/tag/design-system) - [Oracle (3)](https://pro.ideaportriga.com/techlife/tag/oracle) - [Products (3)](https://pro.ideaportriga.com/techlife/tag/products) - [SiebelOpenUI (3)](https://pro.ideaportriga.com/techlife/tag/siebelopenui) - [nexus (3)](https://pro.ideaportriga.com/techlife/tag/nexus) - [nexusbridge (3)](https://pro.ideaportriga.com/techlife/tag/nexusbridge) - [winter '25 (3)](https://pro.ideaportriga.com/techlife/tag/winter-25) - [.NET (2)](https://pro.ideaportriga.com/techlife/tag/net) - [BI Port (2)](https://pro.ideaportriga.com/techlife/tag/bi-port) - [JavaScript (2)](https://pro.ideaportriga.com/techlife/tag/javascript) - [MagnetAI (2)](https://pro.ideaportriga.com/techlife/tag/magnetai) - [Nexus Bridge (2)](https://pro.ideaportriga.com/techlife/tag/nexus-bridge) - [OracleUX (2)](https://pro.ideaportriga.com/techlife/tag/oracleux) - [Project Management (2)](https://pro.ideaportriga.com/techlife/tag/project-management) - [Siebel UX (2)](https://pro.ideaportriga.com/techlife/tag/siebel-ux) - [SiebelUX (2)](https://pro.ideaportriga.com/techlife/tag/siebelux) - [Adoption (1)](https://pro.ideaportriga.com/techlife/tag/adoption) - [Azure (1)](https://pro.ideaportriga.com/techlife/tag/azure) - [Business Analysis (1)](https://pro.ideaportriga.com/techlife/tag/business-analysis) - [Business Case (1)](https://pro.ideaportriga.com/techlife/tag/business-case) - [CRM Migration (1)](https://pro.ideaportriga.com/techlife/tag/crm-migration) - [Chatbot (1)](https://pro.ideaportriga.com/techlife/tag/chatbot) - [Cloud Native (1)](https://pro.ideaportriga.com/techlife/tag/cloud-native) - [Data Mining (1)](https://pro.ideaportriga.com/techlife/tag/data-mining) - [Design Thinking (1)](https://pro.ideaportriga.com/techlife/tag/design-thinking) - [Employee Experience (1)](https://pro.ideaportriga.com/techlife/tag/employee-experience) - [Human Centered (1)](https://pro.ideaportriga.com/techlife/tag/human-centered) - [Kafka (1)](https://pro.ideaportriga.com/techlife/tag/kafka) - [Microsoft (1)](https://pro.ideaportriga.com/techlife/tag/microsoft) - [Node.js (1)](https://pro.ideaportriga.com/techlife/tag/node-js) - [Offline Data (1)](https://pro.ideaportriga.com/techlife/tag/offline-data) - [RedWood (1)](https://pro.ideaportriga.com/techlife/tag/redwood) - [Redis (1)](https://pro.ideaportriga.com/techlife/tag/redis) - [Streaming (1)](https://pro.ideaportriga.com/techlife/tag/streaming) - [User Research (1)](https://pro.ideaportriga.com/techlife/tag/user-research) [See All](https://pro.ideaportriga.com/techlife/nexus19-unlock-rich-ux-for-siebel-open-ui-with-the-modern-web-frameworks#) #### **Check out our collection of webinars** [ View All ](https://pro.ideaportriga.com/webinars) ![Image of GK team and screen with video call](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/Webinars%20collection-1.webp "Image of GK team and screen with video call") #### **Increase Salesforce User Adoption ** **Download our eBook and learn** [ Download ](https://pro.ideaportriga.com/salesforce-ebook) ![Ebook Guide to improving Salesforce adoption](https://pro.ideaportriga.com/hs-fs/hubfs/Salesforce%20-%20Ebook/Salesforce-Ebook.webp?width=230&height=250&name=Salesforce-Ebook.webp "Ebook Guide to improving Salesforce adoption") ### Stay Updated with Our Latest Posts! Subscribe now to receive fresh news and exciting updates directly in your inbox! [![Ideaport Riga logo](https://pro.ideaportriga.com/hubfs/2023%20REDESIGN/IPR%20Logo.svg "Ideaport Riga logo")](https://pro.ideaportriga.com/) [![Linkedin icon](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/footer-linkedin.svg) ](https://www.linkedin.com/company/idea-port-riga-as) [![Youtube icon](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/footer-youtube.svg) ](https://www.youtube.com/channel/UCHJlD3ASRo3MYSNXOtbTm7w) [![Instagram icon](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/footer-instagram.svg) ](https://www.instagram.com/ideaportriga/) [![Facebook icon](https://pro.ideaportriga.com/hubfs/Images%20-%20icons/2023%20New%20Design/footer-facebook.svg) ](https://www.facebook.com/ideaportriga/) Services we provide Company Contacts [ GET IN TOUCH ](https://pro.ideaportriga.com/contact-us) ###### [Darzciema Street 91, Riga, Latvia, LV-1073](https://www.google.com/maps/place/Ideaport+Riga+AS/@56.9380936,24.1828089,568m/data=!3m2!1e3!4b1!4m6!3m5!1s0x46eece4fde1d2ef1:0x71a607007f721b09!8m2!3d56.9380936!4d24.1828089!16s%2Fg%2F1pyqf8ysd?entry=ttu) IDEAPORT RIGA | STREAMLINING USER EXPERIENCE WITH AGENTIC AI ![LIDZFINANSE-ES+NAP](https://pro.ideaportriga.com/hubfs/LIDZFINANSE-ES%2BNAP.svg "LIDZFINANSE-ES+NAP") **