SmartUX Designer and Magic xpa Studio Integration

SmartUX Studio and Magic xpa Studio are seamlessly integrated to enhance the development of visually appealing Web Client applications. This video outlines the relationship between SmartUX Designer and Magic xpa Studio, explaining how they work together to streamline the creation and modification of Web Client projects without writing any code.

For a Web Client application in Magic xpa, a SmartUX Studio Background Service is initiated. In Magic xpa, a setting allows you to choose not to execute the SmartUX Service in the background.

In Magic xpa, the highlighted icon on the toolbar shown below invokes SmartUX Studio.

SmartUX promptly updates the Programs/Forms within the Add Program dialog when a new Program/Form is added to Magic xpa.

]In Magic xpa Form Editor, when you introduce new controls in a program, they are promptly mirrored in the Models pane of that Component within SmartUX Studio.

On creating the specified component, you can oversee the Angular application’s runtime by using Live Preview icon located in the upper-right corner of the SmartUX Studio interface.

This is where magic xpa is also active in runtime mode, making it straightforward.
For more information about the Live Preview, Routing, and Adding Programs, you can refer to how-to documents.