<!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": { "prototype" : "js/panels/presets/content.reel", "properties" : { "element" : {"#" : "presetsPanel"}, "activeTabIndex": 0, "tabBar" : {"#": "tab-bar" }, "tabs" : [ {"key":"styles", "tab": {"#": "styles" }}, {"key":"transitions", "tab": {"#": "transitions" }}, {"key":"animations", "tab": {"#": "animations" }} ] } }, "substitution": { "prototype": "montage/ui/substitution.reel", "properties": { "element": {"#": "librarySlot"}, "switchComponents": { "styles": {"@": "stylesLibrary"}, "transitions": {"@": "transitionsLibrary"}, "animations": {"@": "animationsLibrary"} } }, "bindings": { "switchValue": { "boundObject": {"@": "owner"}, "boundObjectPropertyPath": "contentPanel", "oneway": true } } }, "stylesLibrary": { "prototype": "js/panels/presets/style-presets.reel[StylesLibrary]" }, "transitionsLibrary": { "prototype": "js/panels/presets/transitions-presets.reel[TransitionsLibrary]" }, "animationsLibrary": { "prototype": "js/panels/presets/animations-presets.reel[AnimationsLibrary]" } } </script> </head> <body> <section data-montage-id="presetsPanel" class="presetsPanel"> <nav data-montage-id="tab-bar" class="tab-bar"> <div data-montage-id="styles">Styles</div> <div data-montage-id="transitions">Transitions</div> <div data-montage-id="animations">Animations</div> </nav> <div data-montage-id="librarySlot" class="librarySlot"></div> </section> </body> </html>