
The template should make sure that the background color is transparent and the visible elements are clipped at the edges of the viewport. it is capable of parsing incoming data in the form of the traditional component XML data or JSON strings to be used with new and dated official and custom AMCP clients.ĬSS properties overflow and background-color.It gracefully handles AMCP commands with idempotency where possible, and.Its layout and design should be resolution independent. It should be able to be used with different screen sizes.It has to ensure that the background is transparent and visible elements are clipped at the edges of the viewport to prevent the HTML producer from drawing scrollbars.Characteristics of production-ready templatesĪ production-ready template has to follow and observe a few things: Have a look at the first part Introduction to CasparCG’s HTML producer to learn using HTML templates with CasparCG. This article is the second installment of the series “A comprehensive guide to HTML templates for CasparCG”. Have a look at the live example and its source code. At last we will test the template with CasparCG. We will look at the characteristics of a robust template and then discover the details of the layout and design of a production-ready lower-third template. See Release Notes for a full list.In this article we are going to create a production-ready HTML template. Several rundown-related bugs have been fixed ("play duplicated item" bug, spacebar when several items open, etc). This makes it easy to duplicate files to new themes. SPX will expose all CSS files in the " themes" subfolder of the template. This mechanism is an improved workflow from previous templates, where changes had to be made in the CSS files themselves. In version 1.1.2 all default templates have a dropdown menu to choose a custom CSS file for different visual themes. SPX comes with a collection of default templates. The information is only used to collect a statistical snapshot of users of SPX and the information is not shared with any third parties. We are trying to understand our users better and filling in this form is 100% voluntary. Users who submit the form using their email address will get a DISCOUNT CODE to the SPX Store. The main menu has a registration link to an optional form. The link for the API doc page is also added to the Configuration view of SPX. This version of SPX introduced some more endpoints for integrating SPX into other production tools. SPX has a public API at can be used for external control.
