HTMLandJavaScript16nullnull AmazonAPI20 bounds=newRectangle(0,20,600,300)sp=newScrollPane(newBoxMorph(bounds),bounds);sp.applyStyle({fill:Color.green});sp.disableVerticalScrollBar();sp.addHorizontalScrollBar()sp.openInWorld()//sp.remove()bg=sp.innerMorph()bg.applyStyle({fill:Color.red});bg.layoutManager=newHorizontalLayout();sp.relayout()bg.addMorph($morph('item1'))bg.addMorph($morph('item2'))bg.submorphssp.suppressHandles=falsex=bg.layoutManager.leftPaddingOf(bg)y=bg.layoutManager.topPaddingOf(bg)submorphs=bg.visibleSubmorphs();for(vari=0;i<submorphs.length;i++){i=2submorph=submorphs[i];x+=bg.layoutManager.leftMarginOf(submorph)submorph.align(submorph.bounds().topLeft(),pt(x,y));x+=submorph.bounds().width;x+=bg.layoutManager.rightMarginOf(submorph);}27truetruefalsetruetruefalse false00.11 true false truefalse nullfalsetruenullfalse Workspacefalsenulltruefalse Xfalsenulltrue false false Mfalsenulltrue false false –falsenulltrue false falsenullfalsefalsenullnullnullnullfalse SelectionTrait={handlesMouseDown:Functions.True,selectionColor:Color.red,onMouseDown:function(evt){if(this.isSelected)this.unselect()elsethis.select()},select:function(){this.savedBorderFill=this.getBorderColor();this.savedBorderWidth=this.getBorderWidth();this.applyStyle({borderColor:this.selectionColor,borderWidth:3})this.isSelected=true;},unselect:function(){this.applyStyle({borderColor:this.savedBorderFill||this.getFill(),borderWidth:this.savedBorderWidth||0,})this.isSelected=false;},}m=$morph('item1')Object.extend(m,SelectionTrait)m.applyStyle({borderWidth:3})m.handlesMouseDown=Functions.Truem.25truetruefalsetruetruefalse false0.98283248929756530.11 true false truefalse nullfalsetruenullfalse Workspacefalsenulltruefalse Xfalsenulltrue false false Mfalsenulltrue false false –falsenulltrue false falsenullfalsefalsenullnullnullnullfalse AmazonLinks:-Gettingstarted-DevGuide-Quickrefcard(pdf)-...4 GoogleLinks:-Gettingstarted-DevGuide,Protocol-DataRefGuide-WhatistheGoogleDataProtocol?-Atom-DataAPI:ClientLibrariesandSampleCode-...7 null109