Accordion navigation pane for mobile apps

Hey,
       Is there a way to create an accordion pane in a android mobile app using Flash Builder? I know you could do it flash web pages. But, for mobile app, I am not sure. I apologize if this is a stupid or redundant question.
Any direction is greatly appreciated.

I was thinking about this, for no reason other than I was meant to be doing something else.
My initial idea was that you could probably achieve something that would give you reasonable flexibility in an accordion like control by creating a custom item renderer for an s:List. EG: Override public function set selected(b:Boolean):void; in the item renderer to add the display clip when selected and remove it when deselected. You could then supply your item elements as an IList with an Array of IVisualElement as its source. I knocked up a quick test and bar resizing the renderer (which I would need to think about a bit) it worked pretty effectively.
Then, although it is a bit less elegant, it occurred to me you could use a simple s:VGroup swapping the relevant child elements in and out of the display list based on clicks on the label buttons.
[code]
<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
                    xmlns:s="library://ns.adobe.com/flex/spark" title="HomeView" xmlns:accordion="accordion.*">
          <fx:Script>
                    <![CDATA[
                              import mx.core.IVisualElement;
                              protected function setClipIndex(selectThis:int):void
                                        for(var i:int=0;i<listOfClips.length;i++) {
                                                  var ive:IVisualElement = listOfClips.getItemAt(i) as IVisualElement;
                                                  if(i==selectThis) {
                                                            if(!accordionVG.containsElement(ive)) {
                                                                      // Add at item position plus one to allow for the button
                                                                      accordionVG.addElementAt(ive,i+1);
                                                  } else {
                                                            if(accordionVG.containsElement(ive)) accordionVG.removeElement(ive);
                    ]]>
          </fx:Script>
          <fx:Declarations>
                    <!-- Place non-visual elements (e.g., services, value objects) here -->
                    <s:ArrayCollection id="listOfClips">
                              <fx:Array>
                                        <s:Scroller width="100%" height="100%" toolTip="A group..." id="defaultGroup" >
                                                  <s:VGroup >
                                                            <s:Button /><s:Label text="Some text in some buttons..." /><s:Button />
                                                            <s:Button /><s:Label text="Some text in some buttons..." /><s:Button />
                                                            <s:Button /><s:Label text="Some text in some buttons..." /><s:Button />
                                                            <s:Button /><s:Label text="Some text in some buttons..." /><s:Button />
                                                  </s:VGroup>
                                        </s:Scroller>
                                        <s:Scroller width="100%" height="100%" toolTip="A different group..." >
                                                  <s:VGroup width="{width}">
                                                            <s:Button />
                                                            <s:Label text="Different text in some other buttons..." />
                                                            <s:Button />
                                                  </s:VGroup>
                                        </s:Scroller>
                                        <s:Scroller width="100%" height="100%" toolTip="Yet another group..." >
                                                  <s:VGroup width="{width}">
                                                            <s:Button />
                                                            <s:Label text="Some other stuff..." />
                                                            <s:Button />
                                                  </s:VGroup>
                                        </s:Scroller>
                              </fx:Array>
                    </s:ArrayCollection>
          </fx:Declarations>
          <s:VGroup id="accordionVG" top="0" left="0" right="0" bottom="0" creationComplete="setClipIndex(0)">
                    <s:Button width="100%" label="{listOfClips.getItemAt(0).toolTip}" click="setClipIndex(0)" />
                    <s:Button width="100%" label="{listOfClips.getItemAt(1).toolTip}" click="setClipIndex(1)" />
                    <s:Button width="100%" label="{listOfClips.getItemAt(2).toolTip}" click="setClipIndex(2)" />
          </s:VGroup>
</s:View>
[/code]

Similar Messages

  • SSL Pinning support for mobile apps ?

    Hi there
    i've just read this article and wondered if there is cross platform support for SSL pinning for mobile apps (iOS and Android) developed with AIR ?
    So far my Google research wasn't successful, therefore i ask here.
    Maybe this feature could be supported by a native extension ?
    Thank you for any hint.
    Regards
    valley

    I believe IBM has a mini version of DB2 designed for mobile Apps.
    Good Luck,
    J.Clancey
    Pats World Champs!!!

  • Help me in embedding a map for mobile app

    I have built a basic simple iphone app in flash cs5.Now I want to create a new scene in flash cs5 to show this map fully funtional along with markers in a small resolution for mobile app.(iphone)
    link of the map:
    http://maps.google.com/maps/ms?ie=UTF8&hl=en&msa=0&msid=100795895206195398252.00044490e878 965c7dd91&t=p&om=0&ll=12.340002,77.409668&spn=4.989012,7.404785&source=embed
    Pls help me out in sorting this problem out

    You need to sign up for google maps API here : http://code.google.com/apis/maps/signup.html, get your API key. You need this otherwise it will not work. Thendownload the SDK, from here:http://code.google.com/apis/maps/documentation/flash/ its on the right, on step 2, "SDK"
    the set up flash with the SDK, and then in your components inspector there will be a new folder saying google.
    Drag that component onto the stage. Then add this code: information  will need to be changed to suit your location and API KEY
    package {
    import flash.display.Sprite;
    import flash.events.Event;
    import flash.geom.Point;
    import com.google.maps.LatLng;
    import com.google.maps.Map;
    import com.google.maps.MapEvent;
    import com.google.maps.MapType;
    public class googlemap extends Sprite {
    var map:Map = new Map();
    public function googlemap() {
    map.key = "ABQIAAAAF5GHwa7hgxz5etSP-jJVwhSK_rP-_Usta8fEpiVtC50gLzF69hQ6_VK0zgpArekpmdsRCJK2Vnp60A";
    map.setSize(new Point(stage.stageWidth, stage.stageHeight));
    map.addEventListener(MapEvent.MAP_READY, onMapReady);
    this.addChild(map);
    function onMapReady(event:Event):void {
    map.setCenter(new LatLng(45.436319770227,12.33638048172), 13, MapType.SATELLITE_MAP_TYPE);

  • How to create and use Data Vault with HTML/JavaScript (SAPUI5) for Mobile Apps?

    Hello,
    I am creating a demo Enterprise Mobile App, for cross platform and I want to use the Data Vault.
    I am not able to figure out how to implement the Data Vault with HTML/JavaScript i.e. SAPUI5 for cross platform mobile apps I have a tutorial, but it is for Android based apps. Where as I want it for iOS as well. I guess, in this case, implementing the Data Vault using SAPUI5 over HTML and JavaScript would be  better.
    If anyone has any links or sample code to implement Data vault in HTML/JavaScript (SAPUI5) or specific for iOS apps, it would be great.
    Thank you.

    Hi,
    This is the "SAP Mobile Documents" community, so this seems to be the wrong place for asking your question related to Data Vault / SAPUI5.
    Maybe you should post your question here: http://scn.sap.com/community/developer-center/front-end.
    best regards,
    Ingo

  • Does Dreamweaver CS5.5 support in-app purchases for mobile apps?

    I am starting to take a look at developing a mobile app for my business and Dreamweaver CS5.5 looks like the platform I am going to use.  My question is this: do apps built this way have support for in-app purchases? 
    Thanks.

    If you are asking can you develop it I don't see why not.  Just refer to the documentation from the appropriate Marketplace for details on setting up in-app purchasing restrictions and requirements.  If you are asking if there is a built-in function to make an easy "in-app purchase button" I would lean towards the No on this answer because I don't believe that is in DW.

  • Create a Navigation Pane for a Page Hierarchy

    Hi,
    I am writing a Oracle ADF fusion web application using JDeveloper 11.1.2.0.0. I want to create
    a navigation pane. For that I hope to use a declarative component. Please give me a tip to create a tree model as follows
    URL : http://jdevadf.oracle.com/adf-richclient-demo/faces/components/pagehierarchy/index.jspx?_afrRedirect=3006461401899918
    and how to put it in a jsf which looks as following page's box
    URL : http://jdevadf.oracle.com/adf-richclient-demo/faces/components/pagehierarchy/page.jspx?_afrRedirect=3007271059448986
    Thanks
    Sameera

    Hi,
    within one post, you covered three topics. If you are new to ADF what about starting with a tutorial. The way you ask your questions will give you answers based on a POJO components model and not ADF. Many of the implementation details however are not required using ADF. So is it really that you only want to use the ADF Faces components ? If so then the demo sources you pint us to can be downloaded from here
    http://www.oracle.com/technetwork/developer-tools/adf/documentation/adf-faces-rc-demo-083799.html
    Frank

  • How to implement OData based BASIC Authentication using HTML, JavaScript for Mobile Apps using Apache Cordova/PhoneGap and datajs-1.1.1.js library

    Hello,
    I have an issue with OData based BASIC authentication for iOS App created using HTML, JavaScript, SAP UI5, OData and Apache Cordova/PhoneGap.
    Please check the post here http://scn.sap.com/thread/3527245
    Request you to kindly reply on the above given link.
    Thanks and Regards,
    Suraj Kumar

    Hello Prathik,
    The code which I am using for OData based BASIC Authentication, for my Mobile App is as below.
       var onSuccess = function(data) {
       alert("We are Through"); //Just to check that the OData request was sucessful
       var onError = function(err) {
       switch(err.response.statusCode) {  
       case 403 : {
       window.alert("Error Code - 403, Service unreachable ");
       break;
       case 401 : {
       window.alert("The credentials are incorrect or missing!");
       break;  
    // dataUserName and dataPassword are the two variables, in which I am storing my Username and Password, respectively.
       var connectionRequest = {
       requestUri: "ODATA SERVICE URL GOES HERE/",
       headers: { Authorization : 'Basic ' + Base64.encode(dataUsername + ":" + dataPassword) },
       method: "POST"
       OData.request( connectionRequest, onSuccess, onError);

  • Microsoft Word 2010 Hiding/Removing the Navigation Pane for Roaming Profiles

    Hello all,
       I am attempting to do what the title says.  We are using Citrix Profile Manager...basically roaming profiles and when updating the Office version to 2010,  users are displayed the Navigation Pane.  If the NavPane is closed,
    when they reopen their Citrix session it is back to default displaying the NavPane.  Any help on getting this removed would be greatly appreciated.
    I have so far attempted to create a macro Normal.dotm and works partially, however it is not consistent as each time it appears that the modified Normal.dotm becomes overwritten with a default one.  I have also added this modified Normal.dotm to the
    Default user profile locally on the server...to which it does not seem to pull.
    Update: 
    I am currently looking to see on how to redirect the Normal.dotm away from %appdata%\microsoft\templates to a central location and have this applied to all users either user GPO or a per machine setup....but can't find anything specifically for Word 2010
    configuration.  Any help on this would also be beneficial.

    Regarding the Navigation Pane.  The setting for displaying it is indeed in the Windows Registry but it is part of a binary data key and thus mere mortals like us are not able to change it. You need a macro... see this link for an example.
    http://social.technet.microsoft.com/Forums/office/en-US/bb6268ac-546b-4118-87fa-21f6fd2cecbc/word-navigation-pane-open-by-default
    Regarding changing the location of Word's Normal template via GPO it can be done. See below link. However, as is pointed out in the link, the recommendation is not to do so. If the central location server is down, no one will be able to create documents.
    In addition, if someone accidentally or purposely alters/corrupts the Normal template... everyone is effected.
    http://social.technet.microsoft.com/Forums/windowsserver/en-US/87ab10d3-1cb6-4269-9334-1e0c37527e0a/move-location-of-normaldotdotm-to-central-file-server-best-solution?forum=winserverGP
    Kind Regards, Rich ... http://greatcirclelearning.com

  • Joining tables for Mobile apps

    can i access multiple table(like normal join) from one CallResponder's token for my mobile apps(flex 4.6)..if we can ,then how can we do this..i think, there is some solution,but i'm not aware of it.. please give me a short demo or link..how can you join table,by data binding.. thanks..

    +1 for this. it's taking a while to lad on my 2 year old ipad mini, so this would probably help. though in my case, it's going to be an iOS install that needs to ho on a diet.i haven't worked out if it's the player part of the spp that's swelling or additional social aspects of the app that sre growing in size unecessarily.all things said, a music player shouldn't really need to be 75mb+.the android install on my htc m8s is about 13mb, by comparision, less than 2 thirds of the install size.

  • Question About what Azure Services I should be using for mobile app with website.

    Hello,
    I am wondering what Azure service would be best for my new application. I need to have an SQL database that I can connect to and modify from both a website and a mobile app preferably WP8 and Android. I was not really understanding whether I would need a
    mobile service or normal SQL database. Which should I use or am I completely off track?
    Thanks,
    Matthias

    Mobile Services uses SQL Database, nothing special on that SQL Database, its just like any other  "normal" SQL Database.
    Mobile Services provides "back-end services" that simplifies accessing SQL Database, Notification services, authentication, etc...
    Let's assume you don't use Mobile Services, to use SQL Database, you would need your app (both mobile and web) to connect to the database. In practice, you will not want to expose your SQL database directly, so you'd end-up writing some kind of a "facade"
    that your app will access instead of directly connecting to the database.
    Instead of writing that "facade", Mobile services provides that for you (you still have to write code though, but less than what you need to write if you're rolling your own).
    Both your web app and mobile apps can share the same SQL database (pay attention to the mobile service schema).
    To help you decide, ask yourself what other features will your mobile app require? Authentication? Notification? etc... are you prepared to write those on your own or use various libraries instead of one?

  • How to manage source for mobile app build by android studio,Git or team explorer?

    Hi,We use TFS 2013 for source control ,now we want to start mobile app using "android studio",
    How could control source of that project,How we can have features of "tfs source control" on that type of project such a mobile app that uses "android studio".
    I know we can integrate git or using command in team explorer but what is the differences and how to decide each one is better?
    thanks
    Thanks. Bahar Ghadami Web Developer And Technical expert

    Hi Bahar,
    As far as I know, you cannot have your code under source contorl of TFS when work on the mobile app that uses "Android studio". You cannot use Android Studio to connect to TFS hence it's unavailable for your requirement.
    If your use Ecliplse, you might integrate with Team Explorer Everywhere and connect to your on-premise TFS.
    Best regards,
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • Tools for Mobile App Development with HTML5/CSS

    Hi --
    I am interested in learning to develop cross platform mobile apps using HTML5 and CSS.
    Which Adobe product(s) (and other tools) are best for this?
    I'm guessing that Apache Cordova and Adobe PhoneGap Build are places to start but I'm looking for input from others.
    I'm also guessing the Adobe Edge products are appropriate "IDEs" for this kind of thing?
    What does Cordova bring to the table that isn't available in native HTML5/CSS?
    I apologize if this is not the correct forum for this question but upon reviewing the list of available forums this seemed like the best fit.
    Thanks
    Rich

    Rich,
    There are few routs you could go to create a Mobile App using Adobe tools.
    1. Adobe Muse then export from Muse and visit build.adobe.com as Brad pointed out here:
    Can I make a Mobile site with Muse and then go through PhoneGap?
    "Export as HTML and the create a zip file with the contents. Go to Phonegap,s website and submit the app directly from there instead of through Dreamweaver."
    2. Dreamweaver and Phonegap build access inside Dreamweaver. Read other users experiences on this community form before you rely solely on Dreamweaver to upload your app to build.adobe.com
    3. Manually coding and uploading your html, js, css, assets (images, audio etc) files coded either in new adobe Edge Code or Dreamweaver to build.phonegap.com
    For easier graphic editing for media devices use Adobe's Fireworks graphics software instead of Adobe Photoshop for graphics. Once you start on your project there are various workflows you can use depending on what you are trying to make.
    -Zeshan B.

  • InDesign png export for mobile app

    Dear All,
    I have put together a number of text boxes and images in InDesign Creative Cloud CS6 and exported them as one png (or jpeg) image for use in a jQuery mobile iPhone app that I'm creating in Dreamweaver.  Will this work?  Rather than inserting text box, image, text box, images, text box, images, etc. into a page of the mobile app, can I just create one png image in InDesign that includes everything, various text boxes, images, wrapped images, html active inserts, etc., and have people scroll through it as a page in the iPhone app?  The InDesign file for this one page is about 1.1 mb right now.  Will this png image be able to zoom and do everthing it needs to do in the iPhone app?  Creative Cloud CS6 - Mac - Lion 10.7.4.  Thanks.
    Small Town Gal

    Dear Jongware,
    My thinking is the same as yours.  If the iPhone app will allow you to zoom a single image, it must allow you to also zoom a compounded image.  I like the design format of InDesign better than the jQuery Mobile design page in Dreamweaver because InDesign allows you to do text wrap around images and just set things up in a more dynamic fashion.  We still want people to be able to zoom in on a single smaller image in order to view it up close, however so if the code in the iPhone app allows the viewer to zoom in on an individual image, it should allow a scroll and zoom in on a larger page that is also a png image -- makes sense to me. The scroll feature works in the multiscreen view and in Safari browser, but it doesn't allow a zoom preview -- I'll have to do that in the iPhone itself. 
    Anyone else out there have any ideas?  Thanks to Jongware.
    Small Town Gal

  • Dopdown list for Mobile Apps (like Android Preferences)

    Hi!
    I'm new in programming mobile apps with Flash Builder 4.6. There are many components like CalloutButton, DateSpinner... which one are very easy to implement in an mobile app.
    But one realy import thing I cannot find. It's something like a Dropbox or SelectionList - like for example the preferences in Android (see picture).
    Has someone a simple working example - would be very great!
    M.
    How to implement something like this?

    I left BB for the same reason a few years back. Have spent time with Apple and Samsung and am now selling my Galaxy S3 and returning to my Bold 9700 - just loathe touch screens and I think the Apps on BB are much improved - often just under a different name than the android ones.
    Missed my BB too much 
    SusanHB on Twitter.......

  • Create Custom Skins for Mobile Apps | ADC Presents | Adobe TV

    Developer Evangelist Piotr Walczyszyn walks you through how to create a custom SkinnableContainer Component for mobile applications using Flex and Flash Builder.
    http://adobe.ly/zdSUhM

    Piotr, are you Polish? It is a pity that you did not show how to create a background. Can I get the source somewhere? Great movie.

Maybe you are looking for