UX7 works with any SAP Fiori on-premise project. No build tools, no migration — just a few lines in your Component.js.
Add sap/ui/dom/includeStylesheet to your dependencies, then register the UX7 module path and stylesheet inside the init function.
sap.ui.define([
"sap/ui/core/UIComponent",
"sap/ui/Device",
"your.app/model/models",
"sap/ui/dom/includeStylesheet"
],
function (UIComponent, Device, models, includeStylesheet) {
"use strict";
return UIComponent.extend("your.app.Component", {
metadata: { manifest: "json" },
init: function () {
UIComponent.prototype.init.apply(this, arguments);
this.getRouter().initialize();
this.setModel(models.createDeviceModel(), "device");
sap.ui.loader.config({
paths: {
"ux7": "https://cdn.getux7.com/v1"
}
});
includeStylesheet(
"https://cdn.getux7.com/v1/ux7/css/style.css"
);
}
});
}
);Add the xmlns:ex namespace to any view where you want to use UX7 components.