User Tools

Site Tools



The FlickrViewer component is primarily meant to display a Flickr element and its associated meta-data.

The Flickr Viewer accessing a picture from Flickr, and displaying a pair of interactive buttons.
FlickrViewer screenshot


Type Interactive Display Object
Category Component
Scope Local
Position *
Parents container
Children *
Gestures *
Requirements none



image object reference the Image element

See Also: Display Attributes

<FlickrViewer x="500" y="280" rotation="10" mouseChildren="true">
    <TouchContainer class="frame_container" visible="true" targetParent="true">
        <Frame class="frame_element"/>
    <TouchContainer class="flickr_container" visible="true" targetParent="true">
        <Flickr class="flickr_element" apikey="ENTER FLICKR API KEY" src="4385244497" width="300"/>

    <!-- Designate information for the info panel. Something labeled with class="info_bg" will be set as the back. -->
    <TouchContainer class="info_container" visible="false" targetParent="true">
        <Graphic color="0xFFAE1F" alpha="0.6" lineStroke="0" class="info_bg" shape="rectangle"/>		
        <Text border="false" class="title"selectable="false" text="Chrome Alum Crystals"/>				
        <Text border="false" width="300" wordWrap="true" color="0xFFFFFF" font="OpenSansRegular" fontSize="12" selectable="false" text="This is a photo of chrome alum crystals in a chrome alum solution, at 20x magnification. Taken with my Canon SX110 IS, through a Novex stereo microscope with lighting from underneath. The crystals are grown from a saturated solution and are no more than 1 mm in diameter.Created myself, Paul, from"/>

    <!-- Here is where the entire menu is structured. We used "include" files to style each of our buttons individually rather than have all the mark-up here. -->
    <Menu class="menu_container" alpha="0.6" position="bottom" paddingLeft="30" paddingBottom="-50" paddingRight="20" autoHide="true" visible="false">
        <Include src="infoButton.cml"/>
        <Include src="closeButton.cml"/>
        <Gesture ref="n-drag" gestureOn="true"/>
        <Gesture ref="n-scale" gestureOn="true"/>
        <Gesture ref="n-rotate" gestureOn="true"/>
        <Gesture ref="tap" gestureOn="true"/>
flickrviewer.txt · Last modified: 2015/09/17 18:23 by glass