Can't get it to scroll horizontally. What am I missing?
Here's my code in first-scene.html:
<div id="main" class="palm-hasheader">
<div class="palm-header">Header</div>
<div id="scrollerId" style="width:500px; height:500px" x-mojo-element="Scroller">
<div>
My Text that goes on... and on... and on... horizontally...
</div>
</div>
</div>
Here's my code in first-assistant.js:
function FirstAssistant() {
/* this is the creator function for your scene assistant object. */
}
FirstAssistant.prototype.setup = function() {
/* this function is for setup tasks that have to happen when the scene is created */
this.controller.setupWidget("scrollerId",
this.attributes = {
mode: 'horizontal'
}
);
};
FirstAssistant.prototype.activate = function(event) {
/* put in event handlers here that should only be in effect when this scene is active. */
};
FirstAssistant.prototype.deactivate = function(event) {
/* remove any event handlers you added in activate and do any other cleanup */
};
FirstAssistant.prototype.cleanup = function(event) {
/* this function should do any cleanup needed before the scene is destroyed as
a result of being popped off the scene stack */
};