Problem in layout when scaling/resizing

Hi,
Does anyone knows how I can solve present on the image?
[http://paginas.fe.up.pt/~jgonca/screenshot.png]
Here goes the detailed info:
- What you see in the little window is a 3x3 XGrid (JFXtras), where I placed 4 black resizable rectangles that fill the cells where they are located;
- The gauge that you can see in the center is from the MemeFX library ( [http://code.google.com/p/memefx/] ). If you don't know the library, the gauges were created in inkscape or illustrator and were exported to fxz files. In this example, the gauge suffered a scaling to 0.5 either in width and height using scaleX and scaleY vars;
- In the command line, you can see the 3 bound types from the gauge;
- In the javaFX code I tried to override the layoutInfo variable to see if the gauge layoutbounds changed, but my attempt was unsuccessfull.
The problem is that the gauge layoutBounds and BoundsinLocal are not being updated, causing the visible white space around the gauge, since the layout manager (XGrid) thinks that the gauge still has 280x200.84 px.

I already reduced the white space a bit by placing the gauge in a group, but the best solution was to eliminate the white space at all...
[http://paginas.fe.up.pt/~jgonca/screenshot_2.png]

Similar Messages

  • Adjust stroke weight when scaling problem

    Hello,
    I am having trouble with the stroke on an object changing when I scale that object.  I have already read to uncheck "Adjust Stroke Weight when Scaling" but my problem is that option is grayed out in my "Transform" panel.  When I go into edit>menus, there is an "eye" graphic next to it so it should be showing.  I am trying to figure out how to make that show up so that I can then uncheck it, resize a photo and keep the same stroke weight at all times.
    Thanks
    Pat

    Peter,
    Thank you for your response, that was what I needed to fix the problem!
    Pat

  • Fluid Layout - stop changing resize position when movieclip is at certain position

    Hello. I have been trying things out for hours, and I still can't get it.
    I am following this Fluid Layout tutorial: http://active.tutsplus.com/tutorials/web-design/build-a-fluid-website-layout/
    I added a Menu_mc on my stage. Initially, this should be at the center of the stage and when I click on it, it will tween on the upper left corner of the browser. However, when I resize the browser, the Menu_mc goes back to the center of the screen.
    I have tried separating a different actionscript file where it is specifically for initialization of the object and another one for resizing. And then when I call it on my main AS file it goes like this:
    // Add the symbols to stage
                 var Menu_mc = new Menu_MC();
                 addChild(Menu_mc);
                 // Apply the alignment to the middle
                 var Menu_InitParam = {
                     x:0.53,
                     y:0.35,
                     offsetX: -Menu_mc.width/2,
                     offsetY: -Menu_mc.height/2
                 new InitFluidObject(Menu_mc,Menu_InitParam);
                 var Menu_ResizeParam = {
                     x:Menu_mc.x,
                     y:Menu_mc.y,
                     offsetX: -Menu_mc.width/2,
                     offsetY: -Menu_mc.height/2
                 new FluidObject(Menu_mc,Menu_ResizeParam);
    But it seems futile. Could anyone please help? Thanks a lot!

    Do you have any useful resources that I could perhaps check out? Haven't explored ANY javascript before =)

  • [svn:fx-gumbo_beta2] 10484: Fix for autoCenter problem when Move/ Resize effects are used.

    Revision: 10484
    Author:   [email protected]
    Date:     2009-09-21 19:38:14 -0700 (Mon, 21 Sep 2009)
    Log Message:
    Fix for autoCenter problem when Move/Resize effects are used. autoCenterTransform calculates the center dynamically, using the current width/height of the target. This calculation can be one frame off if a Resize effect is running in parallel with the transform effect. Also, containers do their validation lazily, so they need to be forced to validate in order to have an up-to-date width/height. This fix addresses these problems by reordering the effects in a Parallel hierarchy to put the Resize effects (and composite effects containing Resize) at the front of the set of effects and by calling validateNow() on the target of a transform effect prior to calculating the transform center (if appropriate).
    QE notes: None
    Doc notes: None
    Bugs: SDK-23306
    Reviewer: Jason
    Tests run: checkintests, Mustella spark/effects mx/effects, manual tests
    Is noteworthy for integration: Yes
    Ticket Links:
        http://bugs.adobe.com/jira/browse/SDK-23306
    Modified Paths:
        flex/sdk/branches/gumbo_beta2/frameworks/projects/framework/src/mx/effects/effectClasses/ CompositeEffectInstance.as
        flex/sdk/branches/gumbo_beta2/frameworks/projects/framework/src/mx/effects/effectClasses/ ParallelInstance.as
        flex/sdk/branches/gumbo_beta2/frameworks/projects/spark/src/spark/effects/supportClasses/ AnimateTransformInstance.as

    Dear Pallavi,
    Very useful post!
    I am looking for similar accelerators for
    Software Inventory Accelerator
    Hardware Inventory Accelerator
    Interfaces Inventory
    Customization Assessment Accelerator
    Sizing Tool
    Which helps us to come up with the relevant Bill of Matetials for every area mentioned above, and the ones which I dont know...
    Request help on such accelerators... Any clues?
    Any reply, help is highly appreciated.
    Regards
    Manish Madhav

  • Mouse clicks blocked improperly when stage resizes

    Hi everyone,
    Been working on this for a while with no success. would really appreciate your help.
    We have the following issue: 1 main flex application is loading another flex application swf using a swfloader placing the child app in the same security domain, but in separate application domains from the parent. There is an '...allowDomain(*)' between the apps and the stage scaling is set to no scaling.
    The problem is that when the stage is resized (window size increases or it goes to fullscreen) the child app 'grows' a large invisible area that blocks mouse clicks from reaching the parent app. This area far exceeds the child app's width & height and can be seen only when doing 'right-click' --> 'show redraw regions'. When scaling the window slowly back to the original stage size that the flash player started out with, those areas grow smaller and eventually disappear. If i load the child app when the main app stage size (window size) is already very big (or in fullscreen), this issue does NOT appear.
    Thanks in advance,
    Uri

    Sounds like a bug.  If you have a simple test case, please file a bug.
    Alex Harui
    Flex SDK Developer
    Adobe Systems Inc.
    Blog: http://blogs.adobe.com/aharui

  • Why when I resize an image does it looks less sharp and poor quality?

    I've been using Photoshop since CS3 and have never had thus problem before. I used to create websites using WordPress for clients and have created many different logo images without any issues. Now however I'm doing it for muself and I'm having problems when I resize the images for web use.
    Here are a few examples. The first is a 1400x1400 image that I'm going to use for a podcast. iTunes requires this size and it looks good to my eye. When you look at the resized image however you'll see that it is not quite as sharp.
    1400x1400 http://d.pr/i/SrtJ
    300x300 http://d.pr/i/IqtI
    Logo at http://safetydad.net
    Twitter page http://twitter.com/thesafetydad
    I've tried all different things to get it to look good at any size but no mater what when the image gets resized (especially by a CMS or Twitter) it looks like crap. I've tried saving as png, jpeg, flatteing before resizing, resizing the psd, saving as jpeg then resizing, using save for web option but no matter what it doesn't look right.
    What am I doing wrong?

    When you scale down, you will lose some of the sharpness because it is removing pixels from the image, and Photoshop is trying to figure out how to remove pixels, and reassemble the edges of the image.. As a result, when some of that shading is removed, it begins to blur. Make sure when scaling down an image (image - image size) that you set the resampling to bicubic sharper. This will help to reduce the blur from the pixel removal.
    Also, you can go to filter - sharpen - unsharp mask - and work on bringing back some of the sharpness there as well.
    For your twitter logo - I would make a separate logo for it, because the text is difficult to read over it. Sorry - just my opinion there.
    You may have tried these things already - but if not - hopefully it helps
    On the other note - I think you might be hyper-critical of the changes...

  • Images become choppy when I resize to a smaller size

    Using Fireworks CC, when I resize images to make them smaller, the image is pixellated and choppy.  Any solution for this?

    Herbert2001, thank you for your reply.  I didn't realize Adobe stopped supporting Fireworks.  It's really weird, I've been down-scaling .jpg and .png images for years w/o problem - large images 2000 pixels down to 300 pixels and smaller and it worked beautifully.  Here is what I am getting now:
    The lines become choppy.  If it's a more complicated image, such as a house with siding, the lines become even choppier.
    Any ideas?

  • Problem with layout and changing content

    Hi, I`m new to Swing and I have a problem with layout.
    I want to make a menu using JButtons so that depending on which button you click you`ll get different content in the window. And first of all I don`t know how to center the buttons.
    I have a JFrame called GameWindow that has a JPanel field called content. My idea was to create a JPanel with buttons and then using ActionListeners change the JPanel held in 'content'.
    Here`s the code:
    public class GameWindow extends JFrame{     
         private static final long serialVersionUID = 1L;
         private JPanel content;
         private Player player;
         public GameWindow(){          
              super("Dawn Crystal");
              Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize();
              setDefaultCloseOperation(JFrame.DO_NOTHING_ON_CLOSE);
              setSize((int)screenSize.getWidth(), (int)screenSize.getHeight());
              setExtendedState(MAXIMIZED_BOTH);
         public void mainMenu(){
              content = new MainMenu(this);
              Dimension dim = content.getSize();
              setLayout(null);                    
              Dimension screen = Toolkit.getDefaultToolkit().getScreenSize();
              int x = (int)((screen.getWidth() - dim.getWidth()) / 2);
              int y = (int)((screen.getHeight() - dim.getHeight()) / 2);
              int dimX = (int)dim.getWidth();
              int dimY = (int)dim.getHeight();          
              content.setBounds(x, y, 120, 120);          
              getContentPane().add(content);          
              setVisible(true);
         public void adventureScreen(){
              //so far empty
         public void createNewPlayer(){
              content.setVisible(false);
              content = new NewPlayerCreationWindow();
              getContentPane().add(content);          
              content.setVisible(true);
              //setVisible(true);
         public void setPlayer(Player p){ player=p; }
    public class MainMenu extends JPanel{     
         private static final long serialVersionUID = 1L;     
         private JPanel mainMenuButtons;
         private JButton newGame;
         private JButton loadGame;
         private JButton options;
         private JButton exit;
         public MainMenu(GameWindow par){
              mainMenuButtons = new JPanel();     
              //create buttons
              newGame = new JButton("NEW GAME");
              loadGame = new JButton("LOAD GAME");
              options = new JButton("OPTIONS");
              exit = new JButton("EXIT");
              //create action listeners
              newGame.addActionListener(new NewGameListener());
              exit.addActionListener(new ExitListener(par));     
              //add buttons to panel
              mainMenuButtons.setLayout( new GridLayout(4,1));
              mainMenuButtons.add(newGame);
              mainMenuButtons.add(loadGame);
              mainMenuButtons.add(options);
              mainMenuButtons.add(exit);     
              add(mainMenuButtons);          
    }When it displays the buttons are at the top of the frame rather than in the center - I thought that was how the default layout would behave. So that`s my first question - how to center it.
    Secondly I have NewPlayerCreationWindow written but when I call createNewPlayer() I get an empty frame - what am I doing wrong?
    Finally I`d like to ask how can I make the frame appear as maximized when the application is started? The setExtendedState(MAXIMIZED_BOTH); doesn`t help actually because the window`s height is too big and a part of window is hidden under the system bar. I want to have it maximized regardless of screen resolution.

    Use a [url http://java.sun.com/docs/books/tutorial/uiswing/layout/visual.html]Card Layout.

  • Problem with layout in Web Application Designer

    Hi all,
       I am working with the BEx Web Application Designer. Well, I execute a web template in the browser, click on right button and  choose enhanced menu, query properties and mark the check box Display Rows as Hierarchy and Expand to and from the list of values (combo-box) choose the last field that can be expanded.
    Once all the lines have been expanded and the layout of the template is longer than a page, we look for a line that is not in the first page and contract it. The problem is that when we contract the line, the layout shows  the first page, instead of the page where the line had been contracted. I have tried to solve this changing the properties that appear when the template is designed, but I haven´t found the solution. Is there any way so that i can solve it?
    Thanks in advance,
    Mª del Mar Bonilla.

    Bonilla,
    Welcome to SDN...
    Try this out...
    In the Query designer view , right click on the rows structure and select display as hierarchy. In case this option works fine , the behavior pointed out by you could be a possible bug.
    Just update the result of what I have mentioned above...
    Hope it helps..
    Arun
    P.S Assigning points is a way fo saying thank you in SDN

  • Problem with layout smartform

    Hello all,
    I have a problem with the layout of smartform.
    My smartform is composed of a window (main).
    Within the main window, there is a loop where they are
    printed a series of tables which are associated with a frame.
    When the smartform printed on the next page, it is incapable to
    to manage the frames in their entirety.
    Thanks.

    Hi,
    my smartform is composed as follows:
    Page 1
      Main
         Loop
            Table 1
            Table 2
            Table n
    Each table consists of a frame.
    The problem is that when the smartform go to the next page, I can not handle frames.
    Part of frame is displayed on the first page, the other party to the second page.
    I tried to put the flag protection page on the tables, but the frame has not been successful.
    I hope someone help me.
    Regards,
    Maurizio.

  • When scaling in page setup, 1st page prints correctly, but subsequent pages do not scale correctly/too large for the paper, parts of the text missing

    When trying to print in Firefox, and when scaling the page size in page setup, the first page prints correctly, but subsequent pages do not scale correctly and are too large for the paper, with parts of the text are being cut off at the top and right. This is not fixed by checking or un-checking the "ignore scaling/shrink to fit page width" in the print window, or by changing the scaling%.
    I am running Firefox 15.0.1, on Mac OS 10.5.8.
    The same problem happens in the print preview and if I save the print as a .pdf
    I have tried all the fixes in the how to's and others in various forums with no improvement.
    This happens every time I try to print a document scaled up or down only in Firefox.

    The 2nd page print scaling error has been an issue with Firefox on the Mac since 2011. People at Mozilla have not considered this a major problem. Try printing anything at less than 100% and you'll quickly see how every page after the first page being scaled wrong gets old real fast. The lack of a solution to this issue forced me long ago into using Safari as my primary browser. Good luck waiting until version 21 for a solution. Current release is 18.0.2.

  • JTable goes invisible when Frame resized

    Ive generated a JTable on base of records from database table is added in a panel and panel is added in a JTabbedPane. when I execute the query first JTable displays... but when I resize the Frame or minimize it and maximize again then JTable goes partially invisible .. i guess it is because of some problem with component paint method.. Ive tried
    calling repaint()
    validate
    doalyout
    but none of these works
    can any one help me...

    Havent tried your example, but this could work:
    SwingUtilities.updateComponentTreeUI(this);

  • Scaling/resizing images in slideshow

    Hi,
    I did my own website and now I'm doing my gf's website.
    Note that I'm doing exactly the same than for my site but I have a problem now that I never had with my site.
    My problem is this : 
    I place a new slideshow. When you resize the main image, your image is getting bigger with the frame that you're enlarging. I did it for my site because I wanted bigger images than how it comes when you place the slideshow. It worked.
    Now it doesn't work for her site. So my solution was to copy the slideshow that I like from my site to her site. When i add her images in the slideshow, they are smaller than mine but my image is 1068x715 px and her image is 1032x709 px. So the size is quite the same but her image is really smaller.
    I insert here 4 printscreens :
    01 is the one with my image
    02 is the one with her image (in the same slideshow, as you can see it's smaller)
    03 and 04 are printscreens to show that these images are quite the same size.
    01
    02
    03
    04
    Thanks for your help

    The symptoms you describe, indicate strongly to HiDPI-resolution, which you can choose, when creating a new site:
    More informations about this theme you find here:
    Adobe Muse Help | Creating High Resolution websites

  • Firefox hangs and will not allow me to access other programs running when I resize a pop up window, move a pop up window, accidentally right click flash content.

    Firefox hangs and will not allow me to access other programs running when I resize a pop up window, move a pop up window, accidentally right click flash content.
    == This happened ==
    A few times a week
    == Not sure when it statrted

    Hi.
    When this happens, please press CTRL+SHIFT+ESC and see how much RAM and CPU Firefox is using. If they're sky high, then... Well, that kind of issues are, unfortunately, more common and the we'd like. Thankfully, 99% of the cases are very easy to solve. However, you do need to diagnose what your exact problem is. Do this:
    #run Firefox in safe-mode to disable all extensions and plugins. If this fixes your issues, be them with RAM or CPU usage, then you know it's a problem with plugins or extensions. Proceed to number 2. If safe-mode doesn't fix the issues, then read bellow, after this list;
    #update all extensions and plugins in your Firefox. If this doesn't solve the issues, proceed to the following number;
    #disable all extensions and plugins in your Firefox (not running safe-mode). Being certain that, as in safe-mode, the problems you're having have gone away, enable one plugin at a time. You should be certain that you WANT that plugin to be enabled, so keep your overall number of plugins as low as possible. When you encounter the problems, you know you've found a problematic plugin, so disable it for good. Keep enabling all plugins (except problematic ones) until you've gone through them all.
    #enable one extension at a time. Again, be certain that you WANT that extension to be enabled, so keep your overall number of extensions as low as possible. When you encounter the problems, you know you've found a problematic extension, so disable it for good. Keep enabling all your extensions (except problematic ones) until you've gone through them all;
    #you're done! You've fixed your problems with problematic add-ons.
    Ok, if disabling all extensions and plugins through safe-mode didn't work to bring Firefox's CPU and RAM usage to good levels, then you have different issue. The most likely scenario is that you have a third party software running on your computer that is messing with Firefox. Do as follows:
    #do a virus/malware check on your computer. If this doesn't fix it, proceed;
    #disable all software running in the background that you don't want to have running in the background (in windows, this is done by pressing WINDOWS+R in your keyboard, typing "msconfig" (without the commas) and pressing enter. Now, under the "Startup" tab, you can uncheck the software you don't want, and reboot your system for changes to take effect. If you're unsure of what software you want running, ask someone with more experience). If this doesn't fix you issues with Firefox, proceed;
    #check your firewall/antivirus/security suite for enabled functions/features that you don't want and/or may be conflicting with Firefox. You'll find that these features are most likely tied to Internet Security features, such as link scanners or URL checkers and the like. If you're not sure they are conflicting with Firefox, simply try to disable to see whether or not that's true. As long as you don't browse the web with your antivirus completely off and your firewall completely turned off, there should be no problems. If this doesn't solve the issues, proceed to the following number;
    #check your operating system security options, mainly advanced options that are not configured by default. While it's very unlikely that this may be the cause of the problem (after all, it's the last item on the list), it's remotely possible. If this doesn't do it, I'm out of ideas. Except make sure you've followed my instructions correctly.

  • Improving Precision when scaling to exact pixel size

    Hi All,
    I'm very new to javascript and illustrator scripting, so I'm pretty sure my problem might be easily fixed
    I'm trying to write a script for creating PNGs with a specified pixel size.  I have created the following functions, which first works out the scaling % to use based on the artboard size (borrowed the idea from this post -thanks MuppetMark), and then export the image to PNG.
    It works, but, I am finding that when scaling to larger sizes, the resultant output is often a few pixels different from the value I have specified.  I'm sure this is due to precision/rounding issues in javascript, but have no idea how to fix.
    I'd be really grateful of any suggestions
    Many thanks
    Tim
    function getScaleFactor(artboard, width, height)
    var scaleFactor;
    if (width > 0)
            var scaleFactor = ( width / ( artboard.artboardRect[2] - artboard.artboardRect[0] ) ) * 100;
    else if (height > 0)
            scaleFactor = ( height / ( artboard.artboardRect[1] - artboard.artboardRect[3] ) ) * 100;
    else
        scaleFactor = 100.0;
    return scaleFactor;
    function exportFileToPNG24 (dest, scaleFactor) {
        if ( app.documents.length > 0 ) {
            var exportOptions = new ExportOptionsPNG24();
            var type = ExportType.PNG24;
            var fileSpec = new File(dest);
            exportOptions.antiAliasing = true;
            exportOptions.transparency = true;
            exportOptions.saveAsHTML = false;
            exportOptions.artBoardClipping = true;
            exportOptions.horizontalScale = scaleFactor;
            exportOptions.verticalScale = scaleFactor;
            app.activeDocument.exportFile( fileSpec, type, exportOptions );

    What you type in that box is just the ratio not the actual pixel number. And the box does not like to many digits in there. A ratio of 4 x 5 would work perfectly fine in your case, but more complicated ratios like 21 x 50 don't work.
    To get 500 x 400 px you must then export your image with settings that restrict your image, eg, to fit into a 500 x 500 px box.
    The idea behind this two-step approach is that you might think of 500 x 400 px output right now, but by doing the actual pixel generation at a later point, you can always easily export later at 1000 x 800 px if you need a higher resolution version with the same aspect ratio.

Maybe you are looking for