Button with transparent for Mobile apps using flex

Hi,
I am new to adobe flash builder 4.5 and flex 4.5 sdk. I have created a viewbased mobile application for Iphone and Android. What I tried to do is, I  placed a button in my first view and attached an image into it (.png file).
I went to Buttons Property sheet - Appearance tab - I changed the Chrome color to white to change the background color of the button to white. Now my image is seen properly. But my image looks too small. And more thing is, I see the black border.
What I basically need is, I just want to create a transparent button so that my image is clearly seen.
Can anyone help me in this?

I think you need to look at the button skin
this might help
http://help.adobe.com/en_US/flex/using/WSA95C9644-B650-4783-B5C0-D2C7F95A23E3.html

Similar Messages

  • 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);

  • 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.

  • 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.

  • 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]

  • Buttons with transparent background ?

    HEllo everyone:
    I have a background with a degrade color effect where I need
    to insert buttons with transparent back so dregrade can be
    viewed... welll I tried to create those buttons in FW and it is
    impossible in JPG, the I tried GIF but it does not show the white
    letters.. then I finally achieved it creating buttons in PNG and
    calling them as they are: PNG files... it works OK. but when I
    visited other computers, in som of them, I do not know why, the
    browser automatically adds a white or black back tpo the buttons,
    so it takes off the effect because it covers the degrade.... Does
    anyone please know how to deal with it ? I was wondering if this is
    much better to create all the buttons and headers as flash movies
    an insert them, but my customer requirements ar not flash at all in
    oreder to be seen in aall handhelds also.... thanks in
    advance...

    .oO(Sw Jiten)
    >Thanks Micha. It works great now. Just one curiosity: Why
    "definetly not" about
    >Flash ? Flash is working on most of the PC's now... isn't
    it time to be more
    >open to this friendly technology ?
    It's not a friendly technology, that's the problem. It
    creates many
    usability and accessibility problems and may even affect the
    system's
    performance (like any plugin does) and security. Additionally
    search
    engines are usually not able to read a Flash's content and to
    follow any
    links in it.
    Like JavaScript Flash is highly overrated and used too often
    (IMHO). It
    can be an advantage and add something useful to a site, but
    it should be
    used rarely and properly.
    > Another question: I am trying to find a pop-up calendary
    which lets you to
    >choose a date, and as soon as you do it, it changes the
    text field that you
    >have to your left (You have both text field and
    Calendary)
    >
    > I have looked for it and found many solutions in
    JavaScript on google, however
    >none of them change the text field values... any help ?
    thanks in advance...
    Can't help you with that at the moment.
    Micha

  • 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.

  • Is there any downside mixing Objective-C with C++ for iOS apps?

    I'd like to use C++ since it's fast and more dynamically in memory reference.
    Is there any downside mixing Objective-C with C++ for iOS apps?
    When googled for info, I only found tutorials about how to let xcode compile Objective-C with C++.
    Thanks for help.

    hokanst wrote:
    Both Objective-C and C++ are (more or less) extensions of C.
    C supports manipulation of pointers and casting of pointers, this implies that both Objective-C and C++ will be able to manipulate C data like arrays, structs ...
    Objective-C has classes like NSData to read/write blocks of bytes from/to file and to access ranges of bytes when the data is loaded into memory.
    C++ probably has similar classes (I'm not well versed in C++ so I don't know).
    If you want to look into using C++ you will probably want to look at Objective-C++, the link below has links to docs on how to use C++ with Objective-C:
    http://stackoverflow.com/questions/3684112/what-is-objective-c
    Thanks for the info, NSData does what I need.
    A replied in the link also mentioned that he's using C++ in his application too. As long as I'm aware of memory management (prevent memory leaks, etc) as @disguise said, it should be fine.
    @etresoft indeed, but C is the base language of ObjC, there are ways to deal with.

  • My time capsule was working and then I added another Macbook pro. TC stopped appearing in Airport Utilities. I have tried resetting TC, I have turned if off and held reset button with pen for 10 secs. I just cannot work out what else to do?

    My time capsule was working and then I added another Macbook pro. TC stopped appearing in Airport Utilities. I have tried resetting TC, I have turned if off and held reset button with pen for >10 secs. I just cannot work out what else to do? I have turned router off and on. Amber light is flashing.

    The ethernet says self assigned IP 169.254.67.6
    Then the ethernet is not getting an IP from the TC.. there is no connection.
    I am not sure where you mean when you say the green LED should be on. Do you mean the TC?
    Thanks
    In order to help troubleshoot ethernet connections all routers use connectivity leds.. even APPLE.. it has one big LED on the front.. and 4 tiny leds beside each ethernet port. That light has to come on for ethernet to be active.. if you plug an ethernet cable into the port and the light doesn't come on.. then there is no connection.. either the other end isn't plugged in.. or the cable is bad.. or the ethernet port is bad.. something is wrong.
    To get access to the TC you need this led to be green.. is it?
    If it is green and the WAN is also green.. then I want you to unplug the WAN connection.. the blue wire in the picture.. the port slightly separated from the 3 LAN port.. computer plugged just into LAN port.. no airport turned on.. and press the reset again for 10sec until front led flashes rapidly.. then try and bring up the airport utility again.. assuming the ethernet led is green.
    How old and what model is the TC?
    The A number from the rubber mat will tell us the model.

  • 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

  • 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?

  • Iphone apps using flex remote objects with CF???

    I am used to making web applications that use flex remote objects to interact with CF.
    Is it possible to use remoting from an iphone app cross compiled using flash builder to interact with Cf remoting on a remote server?

    Interseting, config files always seem to me like a strange way to do things.
    I'm not exactly sure what you mean by this, but by default, that's how remoting works in Flex - you have channels and destinations defined on your server, and your compiler points to your config files and reads those values. So it's a little extra work to define them in AS instead.
    Can you give me any tips on authenticating requests to cfc's from mobiles and how to protect my servers once I exposes cfc's to apps not hosted on the same server as CF?
    There isn't really anything mobile-specific you need to do here. Exposing CFCs isn't any different than exposing CFM files that are accessed via a browser. You can use the standard CF session management and CF authentication (cflogin) - there are some examples available by Googling "coldfusion cflogin flex remoting".
    Dave Watts, CTO, Fig Leaf Software

  • Using Google Play Developer License RSA code with Air for Android App?

    What is the procedure for using Google Play Developer's provided license code (Base64-encoded RSA public key to include in your binary) for an Air for Android app in Flash?
    I see the need to load a p12 file and have gone through the process of creating one for Air for iOS with OpenSSL but the Google provided key is in a different format. To start with it is delivered by copy/paste off a webpage.
    I am using Flash CS5.5. I could switch to CS6 if neccesary.
    Thanks

    Follow this link, see post number 12.
    http://forums.adobe.com/thread/1115438

Maybe you are looking for