<!DOCTYPE html> <!-- <copyright> This file contains proprietary software owned by Motorola Mobility, Inc.<br/> No rights, expressed or implied, whatsoever to this software are provided by Motorola Mobility, Inc. hereunder.<br/> (c) Copyright 2011 Motorola Mobility, Inc. All Rights Reserved. </copyright> --> <html lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="content.css" type="text/css"> <script type="text/montage-serialization"> { "owner": { "module" : "js/panels/presets/content.reel", "name" : "Content", "properties" : { "element" : {"#" : "presetsPanel"}, "activeTabIndex": 0, "tabBar" : {"#": "tab-bar" }, "tabs" : [ {"key":"styles", "tab": {"#": "styles" }}, {"key":"transitions", "tab": {"#": "transitions" }} ] } }, "substitution": { "module": "montage/ui/substitution.reel", "name": "Substitution", "properties": { "element": {"#": "librarySlot"}, "switchComponents": { "styles": {"@": "stylesLibrary"}, "transitions": {"@": "transitionsLibrary"} } }, "bindings": { "switchValue": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "contentPanel", "oneway": true } } }, "stylesLibrary": { "module": "js/panels/presets/style-presets.reel", "name": "StylesLibrary" }, "transitionsLibrary": { "module": "js/panels/presets/transitions-presets.reel", "name": "TransitionsLibrary" } } </script> </head> <body> <section id="presetsPanel" class="presetsPanel"> <nav id="tab-bar" class="tab-bar"> <div id="styles">Style Library</div> <div id="transitions">Transitions Library</div> </nav> <div id="librarySlot" class="librarySlot"></div> </section> </body> </html>