Studio Developer Manual / Version 2010
Table Of Contents
Frontend Development in CoreMedia Studio is based on the ExtJS Frontend API and makes
applying styles in CoreMedia Studio easy. By using reusable and modular skins, passed
to the ui configuration, the appearance of components can be changed. This way, styles can be created
without knowledge of the DOM structure.
This chapter describes how CoreMedia Studio uses the ExtJS Framework and how the basic concepts are extended to the needs of a complex software.
Section 7.12.1, “Blueprint Studio Theme” describes where you can put styles, resources and component skins to extend the Studio Theme.
Section 7.12.2, “Studio Styling with Skins” describes how CoreMedia Studio uses and extends the ExtJS theming concept, how existing skins can be switched off, changed or how new skins can be created.
Section 7.12.3, “Styling of Custom Studio Components” describes how to apply custom styles to components, where using Skins would not make sense.
Section 7.12.4, “Icons / CoreMedia IconFont” describes how to use icon fonts in CoreMedia Studio, how to apply icons to components and what needs to be done to display different other icons or images in CoreMedia Studio.
Section 7.12.5, “Usage of BEM and Spacing Plugins” describes how CoreMedia Studio uses BEM and which Plugins and Mixins exist to make the usage of BEM easier.
Section 7.12.6, “Component States” gives an overview about how to add additional states to components in CoreMedia Studio.