Using background images in flash forms

Ask a Question related to Coldfusion Flash Integration, Design and Development.

  1. #1

    Default Using background images in flash forms

    <cfform format="flash" action="upload.cfm"
    style="background-image:url(../images/BuyAndSell.png);
    background-repeat:no-repeat; background-position:top right; text-align:center;
    border:1 solid black;">
    </cfform>

    Is there a way to use background images in a flash form?

    pope on acid Guest

  2. Similar Questions and Discussions

    1. Background Images
      http://www.grsites.com/textures/ Best regards, Linda Rathgeber ---------------- Victoriana |...
    2. CSS background images
      Hello all. Newbie here, asking if it is possible for a user to change/replace background images through Contribute CS3 that are called by CSS...
    3. Background images in FF
      Hi, I am hoping that someone can help me with the small issue that I am having. I am currently creating a small website so that friends and...
    4. Swapping Cell Images for Background Images
      Is there any plugin or extention for DW(studio8) out there that will quickly and with one click, let me remove an image inside a cell and...
    5. Background images?
      I am new to Fireworks and have done a couple of the tutorials but am having some trouble figuring something out. I want to do a couple of mock ups...
  3. #2

    Default Re: Using background images in flash forms

    your cfform code should work
    BKBK Guest

  4. #3

    Default Re: Using background images in flash forms

    Well guess what, it doesn't:

    [url]http://www.ctc-belgium.be/TEMP/test.cfm[/url]

    This is the code (images are in the same subfolder):

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Untitled Document</title>
    </head>

    <body>
    <cfform format="flash" action="../upload.cfm"
    style="background-image:ero1.jpg; background-repeat:no-repeat;
    background-position:top right; text-align:center; border:1 solid black;">
    <img src="ero2.jpg" />
    </cfform>
    </body>
    </html>



    pope on acid Guest

  5. #4

    Default Re: Using background images in flash forms

    I copied your picture ero1.jpg to my web-root and was able to display the
    background using

    <cfform format="flash" action="../upload.cfm"
    style="background-image:url('/ero1.jpg'); background-repeat:no-repeat;
    background-position:top right; text-align:center; border:1 solid black;">
    </cfform>

    The following also worked, without me having to first copy the image

    <cfform format="flash" action="../upload.cfm"
    style="background-image:url('http://www.ctc-belgium.be/TEMP/ero1.jpg');
    background-repeat:no-repeat; background-position:top right; text-align:center;
    border:1 solid black;">
    </cfform>





    BKBK Guest

  6. #5

    Default Re: Using background images in flash forms

    For some strange reason only the full path works for me. So far so good, thx :).
    But now I have a new problem:
    background-repeat and background-position doesn't work with it.


    pope on acid Guest

  7. #6

    Default Re: Using background images in flash forms

    I have a new problem: background-repeat and background-position doesn't work
    with it.


    I have just verified. Many styles are not valid for Flash forms. Alas,
    background-repeat and background-position (or, in ActionScript terms,
    backgroundRepeat and backgroundPosition ) are among those that are not valid.
    In fact, I even wonder why background-image works at all. Here is the
    [url]http://livedocs.macromedia.com/coldfusion/7/htmldocs/00000677.htm[/url].





    BKBK Guest

  8. #7

    Default Re: Using background images in flash forms

    For more complex background styles you could set the Flash background to
    transparent, then surround the form with a div (or whatever) that contains the
    appropriate background... something like this:

    <div style="background-image:url(../../images/some_banner.gif);
    background-repeat:no-repeat; background-position:top right; width: {width of
    form}; height: {height of form};">
    <cfform format="flash" wmode="transparent" style="backgroundAlpha: 0;" {other
    form parameters...}>
    {form stuff}
    </cfform>
    </div>

    You can then set the backgroundAlpha style to 100 for the panels and other
    formgroups in the form so the the background doesn't show through them.

    True, it's not as neat as having more styles supported natively within flash
    forms, but transparent backgrounds can lead to some interesting possibilities.

    Hope this is helpful.

    Alex Br Guest

  9. #8

    Default Re: Using background images in flash forms

    This is how I do it now. But it would be a lot easier if it was possible to style the flash forms a bit more.
    But for now it is clear I don't have to spend more time to this issue.

    Thx to all.
    pope on acid Guest

Posting Permissions

  • You may not post new threads
  • You may post replies
  • You may not post attachments
  • You may not edit your posts

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139