Set the explicit width and height of the background picture in HBox

Hello

I need set the width and the height of the background image in Hbox. Please give me a sample.

Kind regards

Roman.

Hello

You can use property backgroundSize, but you must assign a percentage value it. As,

backgroundSize="100%"

Or you can place the HBox and Image control in a Canvas, such as the Image appears as a background for the HBox. Something like that


     
     

Tags: Flex

Similar Questions

  • Inline mask is used only with explicit width and height?

    As the subject says, a simple question I could not just handle set % in width and height, so I think that the inline masking is not a parent. That's why with resizable layouts I link the mask property = "{", another group of the layout. I'm doing this right?

    Thank you!

    F

    This seems to be the case.  Do you mind filing a bug for that?

  • How to set the background picture to static?

    I want my background image to be static, so the background image does not move when I scroll the vertical field Manager. no idea how this is possible?

    UPS... my bad

    I can solve it...

    to set the background image on full screen

    and the setextend field to see the height of the value

  • How thumb code scroller for images, set its different widths and heights uniformed?

    I am pile trying to organize the images of variable width to be evently spacer of xml file in the thumb wheel.

    I probably miss something in this code sigment:

    function resizeMe(mc:DisplayObject,_maxH:Number,_maxW:Number=0,_constrainProportions:Boolean=true,_centerHor:Boolean=true,_centerVert:Boolean=true):void {}

    maxH = maxH == 0? maxW: maxH;

    MC. Width = maxW;

    MC. Height = maxH;

    If {(constrainProportions)

    mc.scaleX < mc.scaleY? mc.scaleY = mc.scaleX: mc.scaleX = mc.scaleY;

    }

    If {(centerHor)

    MC.x = (maxW - mc.width) / 2;

    }

    If {(centerVert)

    MC.y = (maxH - mc.height) / 2;

    }

    }

    Currently, my images appear to be resolved on a uniform width with any height would be proportional to the width defined in uniform. I also have equal distance between images.

    How to make my images have an equal distance, in uniform in height and regardless of the width would be proportional to the height defined in uniform.

    Here's the code in its entirety:

    import com.greensock;

    com.greensock.easing import. *;

    //////////////////////////////////////

    Load the xml

    var xmlLoader:URLLoader = new URLLoader();

    Parse XML

    var xmlData:XML = new XML();

    var xmlPath:String = "app_thmbs_imgs.xml";

    xmlLoader.load (new URLRequest (xmlPath));

    trace ("loading xml from:" + xmlPath);

    xmlLoader.addEventListener (Event.COMPLETE, LoadXML);

    function LoadXML(e:Event):void {}

    trace ("loading xml complete");

    xmlData = new XML (e.target.data);

    trace (XMLDATA.image); Let's see each xml element of picture in Panel output with this xmlList

    buildScroller (xmlData.image); rather than trace the xmlList, send it to our buildScroller function

    }

    Build a Scroller MovieClip to hold each Image

    var scroller: MovieClip = new MovieClip();

    this.addChild (scroller);

    scroller.y = 30;

    /////

    Parse XML

    build the scrolling of a xml file

    function buildScroller(imageList:XMLList):void {}

    trace ("' generation Scroller '");

    for (var point: uint = 0; point < imageList.length (); ++ item) {}

    var thisOne:MovieClip = new MovieClip();

    thisOne.x = (140 + 20) * point;

    thisOne.x = currentX; modified line to adjust variable inch widths

    thisOne.itemNum = item;

    thisOne.title is imageList [item] .attribute ("title");.

    thisOne.link is imageList [item] .attribute ('url');.

    thisOne.src is imageList [item] .attribute ("src");.

    thisOne.alpha = 0;

    trace (thisOne.itemNum, thisOne.title, thisOne.link, thisOne.src);

    Loading and adding Images

    container image

    var thisThumb:MovieClip = new MovieClip();

    Add images

    var ldr:Loader = new Loader();

    var url: String = imageList [item] .attribute ("src");

    var urlReq:URLRequest = new URLRequest (url);

    trace ("thumbnail loading" + item + "in Scroller:" + url);

    assign events to charger headphones

    ldr.contentLoaderInfo.addEventListener (Event.COMPLETE, completeHandler);

    ldr.contentLoaderInfo.addEventListener (IOErrorEvent.IO_ERROR, errorHandler);

    LDR. Load (urlReq);

    thisThumb.addChild (ldr);

    thisOne.addChild (thisThumb);

    create listeners for that inch

    thisOne.buttonMode = true;

    thisOne.addEventListener (MouseEvent.CLICK, clickScrollerItem);

    thisOne.addEventListener (MouseEvent.MOUSE_OVER, overScrollerItem);

    thisOne.addEventListener (MouseEvent.MOUSE_OUT, outScrollerItem);

    Add article

    scroller.addChild (thisOne);

    }

    trace ("termination of construction scroller");

    }

    function clickScrollerItem(e:MouseEvent):void {}

    trace ("item clicked" + e.currentTarget.itemNum + "-visit url:" + e.currentTarget.link);

    }

    function overScrollerItem(e:MouseEvent):void {}

    trace ("Over" + e.currentTarget.title);

    }

    function outScrollerItem(e:MouseEvent):void {}

    trace ("out" + e.currentTarget.title);

    }

    function completeHandler(e:Event):void {}

    trace ("thumbnail full" + e.target.loader.parent.parent.title)

    TweenMax.to (e.target.loader.parent.parent,.5, {alpha: 1});

    image size to scroll

    resizeMe (e.target.loader.parent, 140, 105, true, true, false);

    }

    function errorHandler(e:IOErrorEvent):void {}

    trace ("thumbnail error =" + e);

    }

    The resizing function

    parameters

    required: mc = the movieClip to resize

    required: maxW = the size of the box to resize, or just the desired maximum width

    Optional: maxH = if you want to resize area is not a square, the maximum height. by default must match maxW (so if you want to resize to 200 x 200, just send resizeMe (image, 200) or once 200 ;)

    Optional: constrainProportions = boolean to determine if you want to limit the proportions or tilt the image. set to true by default.

    Optional: centerHor = centers the displayObject in maxW region. set to true by default.

    Optional: centerVert = centers the displayObject in maxH region. set to true by default.

    function resizeMe(mc:DisplayObject,_maxH:Number,_maxW:Number=0,_constrainProportions:Boolean=true,_centerHor:Boolean=true,_centerVert:Boolean=true):void {}

    maxH = maxH == 0? maxW: maxH;

    MC. Width = maxW;

    MC. Height = maxH;

    If {(constrainProportions)

    mc.scaleX < mc.scaleY? mc.scaleY = mc.scaleX: mc.scaleX = mc.scaleY;

    }

    If {(centerHor)

    MC.x = (maxW - mc.width) / 2;

    }

    If {(centerVert)

    MC.y = (maxH - mc.height) / 2;

    }

    }

    You want to set the height of a specific value... it should be as simple as

    MC. Height = a specific value

    mc.scaleX = mc.scaleY; This will make the width proportional to the new height adjustment

    but it must be done after the image is finished loading

    as regards the addition with a uniform spacing goes, you must determine where the right edge of the last image and add the space betwwen to set the location of the one currently being added.  If you add that these s mc to a container movieclip, then the width of the container must be data very useful to determine where is the right edge of the last mc.

  • What is the size in width and height a logo must be set on?

    Hello

    I want to design a logo, but I don't know what size in width and height that I should put it. Is there a standard size? Also, what format should I deliver to my customer? PDF or JPG, or all of the above?

    Martin,

    The size and proportions of the logos vary a lot, no dimensions/dimensions standard.

    PDF should be one, maybe have them, but not JPEG: formats no dissipative PNG24 and TIFF would be preferable; for those, different sizes for different purposes would be normal.

  • Set the width and height

    I prepare my InDesign ePub docs.

    Someone told me to if sure that the width and height of images are defined as the kindle will have problems if they are not.

    How do I get the images I have in my InDesign docs?

    Thank you.

    A picture is worth a thousand words:

  • How to set the width and height of the Textarea in tabular of.

    Hello

    How the width and height of the Textarea value formatted table.



    Thank you

    Maury

    Go to the article on the report.
    go to the section of the tabular form element and the "width of the element" allows you to change the width and the 'number of lines' to change the height.

    Gus...

  • Customize the class Edittext with custom width and height

    I need a class of edittext customize where I can adjust the width and height, but I do not find such a custom class that extends the class EditField and the opportunity to set the width and height. I need to access the EditField methods also. Can we have such a class?

    I solved the problem by substituting the positioning method.

    UriField = new EditField ("", strUri, 2000, EditField.READONLY |) EditField.FIELD_LEFT | EditField.FIELD_VCENTER)
    {
    public void layout (int width, int height) {}
    Are police = getFont();
    int _fieldHeight = font.getHeight ();
    int _fieldWidth = 190;
    Super.Layout (Width, Height);
                    
    setExtent (_fieldWidth, _fieldHeight);

    }
    };

    Thank you all

  • Apex 5 display image field, control width and height on the form page

    Hello everyone,

    I try to display the image from a blob directly column on the page, it does not work well, here's my question, how can control the width and height of the screen image field, because its changing dynamically the size of the screen according to the original dimensions, I want to set the dimensions.

    Any help will be appreciated.

    Concerning

    Anil

    set the width and height attributes in the attributes of the image html elements

    for example Width = "200" height = "100".

  • Cannot change PopUp LOV width and height in version 4.2.5.00.08. I change the values of 450 400 in the Popup list template values (Section of the window), but my function genList0_f07_$ _row (), retains the same settings. Is this a bug?

    Hello

    I use APEX 4.2.5.00.08 to my app.

    I have a region of reports, where I display a column set. A column is the column attribute "display as" the value 'Popup LOV (LOV based query).

    I press the button to retrieve the LOV, I get a popup of 450 x 400 pixels.

    I go to the side of the model and navigate to "Popup list of values of model", where I can see in the section 'Window' attributes 'Width' and 'Height' value 450 and 400. I edit them and save them and there is nothing going on. I'm sure that the template belongs to my selected theme.

    I saw in the HTML source code that is the called function:

    <!--


    function genList0_f07_$ _row)
    {
    w = open ("wwv_flow_utilities.gen_popup_list" +)
    « ? p_filter ="+
    "& p_name = ' + escape ('f07') +.
    ' & p_element_index = ' + escape ('0') +.
    ' & p_elem_id = ' + escape ('f07_0000').
    ' & p_form_index = ' + escape ('0') +.
    ' & p_max_elements = ' + escape ("") +.
    ' & p_escape_html = ' + escape ("") +.
    ' & p_ok_to_query = ' + escape ('YES').
    ' & p_flow_id = ' + escape ('114') +.
    ' & p_page_id = ' + escape ('100201') +.
    ' & p_session_id = ' + escape ('16021544706004').
    ' & p_eval_value = ' + escape ("") +.
    ' & p_translation = ' + escape ('NO') +.
    ' & p_lov = ' +.
    ' & p_lov_checksum = ' +.
    ' & p_item_id = ' + escape('-683997768') +.
    ' & p_column_id = ' + escape ('25022622060292812'),
    "winLov,"
    "Scrollbars = 1, resizable = 1, width =400, height =450"); "
    If (w.opener is nothing)
    w.opener = auto;
    w.Focus ();
    }
    ->

    I see that the values has not changed. I also connected and disconnected. I am inclined to believe that it is a bug of the APEX.

    The only solution I think is to replace this function, which is NOT ideal.

    Thank you

    Digital

    The parameters are generated only, nothing you can do about it because it does not use the model for these properties of the couple. Other things work fine for example the names of button or title window etc. I guess that, Yes, it is a bug. It's still there in the apex 5 too, I checked. The default values of the template do not match, the value in the generated code is always 400/450. So I guess it's pretty much a wait on 5.1.

    Here's a fun hack to make it work well on your page (works in apex 5 too, because the code is always the same). Put this in the execute on loading of the page section:

    (function(){
      var _open = window.open;
      window.open = function(){
        if ( arguments[1] === "winLov" ) {
          arguments[2] = "Scrollbars=1,resizable=1,width=500,height=700";
        };
        return _open.apply(window, arguments);
      };
    })();
    

    Change the settings to your liking. This will replace the existing window.open call, which is what the popup lov use and replace it with our own code. It does not interfere with other things. As the name of the new window is always "winLov" for the popup lov, it is the argument that is checked.

    During the call to window.open to open a new window with the name "winLov", parameters are replaced with your own version of it. The window is called as usual, using the stored reference.

    Edit:

    Yes, do not use the trick of resizing. My hack can be a bit tedious, but it's much less invasive for the end user (see open, bam, resize. "Even gets funky on multiple monitors). Also, this thing in the popup lov template will affect each lov popup that you use in the application, which is much less interesting than my specific page code.

    Edit2:

    I did a little digging in the source code, and I don't know why it does not work. Popup lovs are actually equipped to deal with it. My guess is that the parameters are recovered only after that the lists were generated, causing the package variables global to use their default values instead of model parameters.

  • How to get the Social/Vimeo widget for the width and height of the scale?

    I'm trying to get the Social/Vimeo widget proportion nationwide. For the moment, he played only in width but no height.

    Once it hits a specific breakpoint that is fine, but once you go beyond this breakpoint it does not keep the correct proportion and so on and so forth.

    I have 'Sensitive' width ' Resize' option, but ideally it should be 'sensitive width and height' but it is grayed out.

    Is there a solution?

    Drag the Central background of the video object up so the framework encompassing is very short and release. (While you do this the width of the object should not change, just the height.) Once you release Muse will take your browser redraw the video. It will then be abruptly to the proportions of the video (and probably push other things you will need to then back manually to the desired gap distance).

    What you did by dragging the shorter height and releasing was to set the minimum height for this object is very low. You should see a horizontal dotted line in the color of edges of framework that specifies the minimum height, you just put. Now that the video shrinks in width (and proportionately is shortened) the bounding box around it also will shorten (down to the minimum that you just put) and the following will be moving upwards to maintain the same distance from the gap of the video.

  • manipulate the width and height on FORM

    Hello

    I would like to show a thumbnail of the image on a form page.
    I used the apex_util.get_blob_src - something but then it shows a large image.
    The problem is that I can not put the width and height. On a report, it works with a < img - tag > in the query, but I did not have this option in a form.

    Does anyone know how to fix this?

    This option is also possible (http://dgielis.blogspot.nl/2008/07/show-blob-of-other-table-in-apex-form.html), but my text field show only the < img > - tag. I don't know how to set up the field to only show the image... (in a report, you set "standard report column", but in forms?)

    Gr.
    garco

    garcol wrote:

    About P1210_AVATAR, I change "based on" (under settings) to "Image URL stored in the value of the page element.
    Under Source, I put this in the "source or expression value":

    return  'Avatar';
    

    This is not a URL, it's an HTML element. Inspect the source code, and I think you will find that the attribute src of the image element is completely garbled.

    P711_AFB is a part of the image (BLOB), P1210_DNR_ID is the primary key of the table where I get my image of.

    Create the P1210_AVATAR element with

    Display in the form: Image display
    Based on: Image URL stored in the value of the item Page
    The HTML Form element attributes: width = "50" height = "50" alt = "Avatar."
    Type of source: Body of the PL/SQL function
    Source of value or expression:

    return apex_util.get_blob_file_src('P711_AFB', :P1210_DNR_ID);
    
  • How to configure the size of the symbol % (width and height)

    How to configure the size of the symbol % (width and height)

    shoud you have your symbol in % and also your image in % file, when you have changed both of the theme to % then your image will change as expected.

    and if you want to make your image immutable able and set the position that you need to change your % step also

    I made some photos to show you...

  • Image control does not seem to honor the parameters width and height?

    Code Flex 3.6 below should load a swf file and its 100% width and height of 100 pixels.  This isn't.  Why not?

    He seems to choose an arbitrary width.  I can't understand what he uses.

    <? XML version = "1.0" encoding = "utf-8"? >

    " < = xmlns:mx mx:Application ' http://www.Adobe.com/2006/MXML "layout ="absolute"> "

    < mx:SWFLoader

                        source=" http://path_to_a_dynamically_loaded_swf "

    scaleContent = "false".

    maintainAspectRatio = "false".

    Width = "100%" height = "100" >

    < / mx:SWFLoader >

    < / mx:Application >

    If you would like the image stretching then set scaleContent = true

  • website valid W3C, initially no error reported by the developer toolbar. But by right clicking (giving the menu validation), the toolbar reports two errors: width and height. Despite the fact that each page is posted! The forum for the toolbar, this i

    website valid W3C, initially no error reported by the developer toolbar. But by right clicking (giving the menu validation), the toolbar reports two errors: width and height. Despite the fact that each page is posted! The forum for the toolbar, it's supposed to be a browser error. So, how can it be fixed? I use FF 3.6.6

    This has happened

    Each time Firefox opened

    is after upgrade to 3.5?

    http://chrispederick.com/forums/viewtopic.php?PID=8239#p8239

    You create a new profile and install only the extension Web Developer, as recommended Chris?

Maybe you are looking for

  • Only to music on the iPhone

    Hello Can we please find a way to limit the music available on the iPhone to the music that we have personally downloaded? I know only through iOS10, we have the opportunity to go to downloaded music, but it may not be a default setting or can it be

  • Drive HARD and RAM upgrade on S2410-504

    Hello 1st visit to the forum, I hope you can help. I have a Satellite S2410-504, and the 20 GB HARD drive has stopped working completely. I thought that if I had to replace the drive, I might as well have a larger capacity drive. Are there specific r

  • MacPro will not connect to I-phone 6 via AirDrop WINE, Mac Pro (early 2009), OS 10.10.5. Phone is IOS 9.2.1

    My MacPro OS 10.10.5 nor my MacBook AIR OS 10.9.5 will connect via Air Drop to my i-phone 6 IOS 9.2.1 can anyone offer a solution?

  • HP 15 laptop: can I install mac os on my pc hp

    I want to change my OS, but I can't do that because boot is stuck, I tried to install mac os x mountain lion I have absolutelty no idea what to do next. I tried to re-setup for like 3 times, with no effect at all. Everything, everything the installer

  • Download for iPod

    I'm new to ipod technology. I have burned some of my CD on my PC and I now want to upload them to my ipodNano without great success. I consulted my music and Ipod selected as the location of the file and connected my ipod to my PC but clicking the sy