<html>
<head>
<title>Declarative UI Master Detail Test</title>
<script src="/controller/index.js"></script>
</head>
<body>
<div id="mainWindow" data-ti-api="Window" style="-ti-layout:'vertical';">
<div id="header" data-ti-api="View" style="-ti-height:40; -ti-backgroundColor:'#a00'; -ti-top:0;">
<div id="title" data-ti-api="Label" style="-ti-text:'My Title'; -ti-color:'#fff'"></div>
</div>
<div id="content" data-ti-api="View" style="-ti-backgroundColor:'#fff'">
<div id="label1" data-ti-api="Label" style="-ti-text:'Content'; color:'#000';"></div>
</div>
</div>
</body>
<script>
$Ti('#title').addEventListener('click', function(e) {
alert('you clicked me!');
});
</script>
</html>
