Custom Classes

Components & containers rendered using the HTML5 player uses standard CSS for their styling. You can customize the look & feel of components & containers by overriding their default styling using custom styles (either inline in a custom player or in a separate stylesheet).

Occasionally it may be required to add custom classes to a component or container type i.e. if you have existing styles that you want to implement.

// Add 'my-class' to presentation components
manywho.styling.registerComponent('presentation', 'my-class');
 
// Adds 'my-class-1' & 'my-class-2' to the vertical container
manywho.styling.registerComponent('vertical_flow', ['my-class-1', 'my-class-2']);
 
// Adds 'my-class' to input components
manywho.styling.registerComponent('input', function(item, container) {
    return 'my-class';
});