Results 1 to 2 of 2
  1. rmxdave's Avatar
    Posts
    87 Posts
    Global Posts
    88 Global Posts
       #1  
    Quick question.

    Basically I'm setting up something that acts kind of like the Launcher (3 "panels" that scroll horizontally with independent vertical scrolling on each panel). However, when I add a vertical scroller to one of my panels, it does nothing.

    Does anyone know how to do this? Here's my setup:

    Code:
    <div x-mojo-element="Scroller" id="horizontalScroller">
        <div class="scrollerContainer">
    		<div class="panel first" id="panel:1">
    			<div id="vertical-scroller" x-mojo-element="Scroller">
    				<div id="panel-content">
    					<div id="header" class="first"><span class="header-title">panel 1</span></div>
    					<div x-mojo-element="List" id="results"></div>
    				</div>	
    			</div>
    		</div>
            <div class="panel second" id="panel:2">
            	<div id="header" class="second"><span class="header-title">panel 2</span></div>
    			
    		</div>
            <div class="panel third" id="panel:3">
            	<div id="header" class="third"><span class="header-title">panel 3</span></div>
    		</div>
        </div>
    </div>
    And obviously these widgets are set up in my scene assistant:

    Code:
    		this.controller.setupWidget("horizontalScroller", {
    	               mode: 'horizontal-snap'
    	           }, this.model = {
    	               snapElements: { x: $$('.panel') },
    	               snapIndex: 0
    	           }
    	    );
    		this.controller.setupWidget("vertical-scroller",
    			this.attributes = {
    				mode: 'vertical'
    			},
    			this.model = {	
    			});
  2. rmxdave's Avatar
    Posts
    87 Posts
    Global Posts
    88 Global Posts
       #2  
    Figured this out a few days ago...I forgot to set a max-height attribute on the vertical scroller.

Posting Permissions