Handling different screen resolutions by a desktop application

Hi,
I recently tried to make a desktop app using basic javafx layouts and controls. I made it using borderpanes, gridpanes and stackpanes. I had a base of borderpane, on which all my controls were placed on grid, but it looked lame, so i inserted a colorful rectangle in between the background and controls using stackpane. Everything was wonderful on my system, but when i gave it to a friend to check out what i had made, it just wasn't the way i had made it on my system.
The background was as it should have been(it was because the scene was kept at screen resolution) but the rectangle and the controls were displaced, and the reason was my friend has a laptop with higher resolution than mine. I tried to fix things up, removing the hard coding for the placements and using an ratio of the screen resolution, but no matter how much i tried, something or the other seemed to be out of place. For ex, on a page where i had one big rectangle, inside which there are two small rectangles and each rectangle have a gridpane with controls. All of them are stacked together using Stackpane.
I'd blame all to the stackpane, but i chose it coz my requirement demanded it.
Any suggestions on how to make an desktop application which can handle all resolutions, and the best practices that must be followed and kept in mind, while designing a desktop app.
Thanks,
Abhi

one example you can find in the image below, where i had set the message perfectly in my system and opening it in another system, the message is not placed correctly.
http://i37.tinypic.com/hv8mtl.png
Hope now yu understand my problem.

Similar Messages

  • 11gr1 - Handling different screen resolutions for an enterprise app.

    Hi,
    We are developing an enterprise application that will be deployed at different clients with different hardware.
    We are confused about how to handle different screen resolutions and wonder how others are handling this.
    We have some fixed size areas in our screens and liquid areas for content that may expand. The problem is say that you have a table with 6 columns. This table will be rendered nicely at 1280X800 but not at 1650X1050 or 800X600.
    At higher resolutions we will either end up having some blank space or expand one of the columns of the table , but can't expand every column proportionally and this will look ugly.
    For lower resolutions same problem in a different way will come into picture, we will not able to resize the columns and end up with scroll bars etc ...
    What is the best practice with handling different screen resolutions for components like table,panel splitter etc ?
    Thanks

    Hi Muhammed,
    I don't think that any better solution exists, you already use liquid layouts and define widths & heights with percentages etc. In my opinion using blank column at the end of table columns makes table's looking better. Additionally creating custom skin for table and defining column heights & widths with % or em may help you to stretch columns?

  • Images: Different screen resolutions, howto ...?

    As you might know, there are several screen resolutions, used by different devices (iPhone 3G/3GS/4, iPad).  You might take a look at: http://stackoverflow.com/questions/2993006/designing-for-varying-mobile-device-resolutions -i-e-iphone-4-iphone-3g  An example: If i would like to build a generic app, with optimized images for the iPhone 3G/3GS, 4 and iPad, how can i implement the images within my application with the use of different screen resolutions (dpi). 3G: image_low_res.jpg, 4: image_high_res.jpg etc.  Is there a better overview for iOS devices showing the exact resolution (dpi)?

    In objectiveC/XCode, you would have two images - one at standard size, and one at double resolution for the retina display. The double-resultion image has a '@2x' suffix just before extension. The OS automaticallt uses the correct image depending on the type of phone (i.e. it uses the @2x image on the iPhone4, and the original image everywhere else).
    Of course this doesn't help us in Flash.  I don't think Adobe have built this feature in to the packager?
    Perhaps a good way to achieve the same results is to have the application detect the phone type on startup/constructor by checking the screen size (Capabilities.screenResolutionX/Y).  Then, whenever you need a screen coordinate, distance or an image, you have a custom class (probably static methods) that you ask for this information.
    It seems like a lot of work, but if you are really keen on supporting the retina display, this is probably your best bet!
    Psuedo code:
    // Two images in the library
    // spriteA.png
    // [email protected]
    // All my coordinates are measured in original iPhone coords (320x480)
    // I am now asking for a point in the middle of the screen
    // If I am on iPhone4, the resulting point will be (320,480)
    // If I am on iPhone, the resulting point will be (160,240)
    var p : Point = ResHandler.createPoint( 160, 240 );
    // Now I grab my bitmap
    // If I am on iPhone, the resulting bitmap will be spriteA.png
    // If I am on iPhone4, the resulting bitmap will be [email protected]
    var b : Bitmap = ResHandler.createBitmap( 'spriteA' );
    // Now place the bitmap
    b.x = p.x;
    b.y = p.y;
    addChild( b );
    // Now move the bitmap by 100 pixels.
    // If I am on iPhone the resulting distance will be 100 pixels
    // If I am on iPhone4, the resulting distance will be 200 pixels
    var d : Number = ResHandler.getDistance( 100 );
    b.x += d;
    Hope it helps

  • Same object size (front panel) with different screen resolution

    Hi everybody,
    I realised an application, and I try to instal it on various computer. The probleme is that they haven't the same screen resolution, so the front panel is not the same on each computer. It is possible to build an application which have the same front panel with different screen resolution ?
    Kriss.

    Hi Krisss,
    switch off any "adapt to screen resolution" switches in the VI properties...
    You should also define "same front panel" and "same object size"! Do you mean the same pixel size or size in mm or size in percent of screen?
    Best regards,
    GerdW
    CLAD, using 2009SP1 + LV2011SP1 + LV2014SP1 on WinXP+Win7+cRIO
    Kudos are welcome

  • How to programmatically resize vi for different screen resolutions ?

    Hi,
         I have been struggling with this,How can i built a vi that should run for different screen resolutions (on different pc's).
    There are several threads on forum , But i dont find the exact solution for it.
    I have already tried with VI properties in the VI but i dont think its working.
    Can someone please help me ?
    Thanks and regards,
    Shivkant Paswan

    Yup it is a pain to use panes, but that is the easiest method I've found which meets my requirements.  Learn to use panes and splitters effectively, and then learn their limitations and workaround when you find those limitations.  In general LabVIEW should handle multi-resolutions, and resizing better but these are the tools we have today.
    Unofficial Forum Rules and Guidelines - Hooovahh - LabVIEW Overlord
    If 10 out of 10 experts in any field say something is bad, you should probably take their opinion seriously.

  • Displaying remote panel on different screens with different screen resolution

    Hi
    I am running a vi on the PXI . But when i try to open the remote panel it gets shifted on different screens
    with different screen resolution. I have tried to set the windows run time position using the vi properies
    but to no avail. Can anyone help me on this issue??????
    Regards
    Amit Ahuja

    What is your lv version?

  • Why SAP Standard Program Can full screen in different  screen resolution ,but my own program can't?

          How to make my program can display full screen in the different screen resolution ? can you tell me ,
          Thanks  everyone!  eg. T-code: SOST

    It appears that the full-screen display will only work on the display that has the menu bar.
    You can switch the menu bar to your external display by going to Solid Apple -> System Preferences -> Displays, then Arrangement.
    Grab the menu bar and drop it on the icon representing your external display.
    When you full screen an app it should then full screen on the Cinema display.
    I wish it would just full screen on the display the window is on, but that is evidently not the way it was designed to work.

  • Displaying flash in different screen resolution.

    How to set up the flash to play in different screen
    resolutions? The original is at 640x480 but I wanted to display it
    in a bigger screen? Any ideas is appreciated.
    Thanks a bunch

    You can also use our Flash third party tool to automatically
    set the users
    screen resolution before it begins.
    Download a FREE evaluation copy from
    http://www.jugglor.com
    then go to
    Setup Settings -> Windows Settings -> Full Screen
    Resolution
    Try the other features on there also.
    Hope it helps.
    Regards
    FlashJester Support Team
    e. - [email protected]
    w. -
    http://www.flashjester.com
    There is a very fine line between "hobby" and
    "mental illness."

  • Photoshop RAW processing with different screen resolutions

    Hi, I know this might not be fully a photoshop question, but I have done so many searches online & am unable to find anything.
    I usually do RAW photo editing on photoshop on my old Fujitsu laptop & have recently I have upgraded to a MacBook Pro. I have noticed that when I do the same kind of processing on my Macbook, the photos tend to not be as dark & have contrast as I would normally like it to be.
    Meaning to say, photos that look really dark in on my Macbook look rather greyed & washed out on my Fujitsu, however the photos I have processed on my Fujitsu all look nicely exposed on my Macbook.
    So is this due to different screen resolutions? Because the photos I have edited on my mac look really different when compared to on my fujitsu, like the colours etc. Please do advise me on what exactly is the problem & what I can do to solve it. Thanks!

    It all depends on the colour range, brightness, and contrast of the screen, and the screen technology. The only way to make somewhat sure that the colours are "correct" and consistent is to purchase a hardware screen calibration device, like a spyder. But even then the laptop screens tend to be quite bad for this type of work.
    Read up on this topic here:
    http://www.pcworld.com/article/241957/how_to_calibrate_your_monitor.html

  • Design and Testing Suggestions for Different Screen Resolutions

    Intermediate Dreamweaver CS3 user, in need of "Design and Testing Suggestions for Different Screen Resolutions".
    Thank you, J. Chavez

    Adobe Browser Labb and BrowserShots.org

  • Creating an app for different screen resolutions/sizes

    Hi
    I'm currently in the process of learning application development for the iPhone and could do with some help on how to cater for retina and non-retina screens. I want to create image assets for each screen type.
    What the best way to go about detecting if the user has an iPhone 4 for example and selecting the appropriate images for that resolution? I understand that you attach '2x' to file names when coding natively but for a pure Actionscript project where the assets might be contained in a swc file what would be best to do?
    Thanks

    Hi Vic,
    The biggest advantage of building apps in Flash CS5.5 or Flex is the ability to target multiple devices and the 2 major platforms, iOS and Android oh and also Blackberry (anyone?).
    Best way to approach a build is to assume you do not know the screen size your app will be used on, since Android is so all over the place.
    I have been using stage.stageHeight and stage.stageWidth religiously for all my scaling although I have heard that method has its problems, it has worked well for me, I have put out 2 apps personally and 3-4 for work using this method both in Landscape and Portrait orientations and this method has worked well.
    The easiest way to build a multi screen app is to design it for an average ratio, 3:4 being the lowest = iPad so lets say you pick some decent size that wont be too big for smaller screens like the iPhone 3gs 480x320 and wont be too low for high res screens like the new Google Nexus or the Motorola Xoom 1280x800. I usually target the iPhone 4 screen 960x640 right now it seems to fall in the middle between older phones and tablets.
    The real quick and dirty way of doing it is to build all your assets inside a movie clip and then scale that movie clip proportionally to the stage, first checking to make sure none of it would be cut off due to different screen ratios, this is not the best way of doing it but it works well and its the easiest method.
    A better way is to scale and place your content in relation to the stage, again the stage.stageWidth and Height properties are your friends so if you have an element that always goes in the middle you would place it my_mc.x = stage.stageHeight / 2 and same with the y, you can also scale it to the stage my_mc.width = stage.stageWidth/4 this way the movie clip is always 1/4th of the stage width regardless of the screen, its a lot planning up front but this method allows you to cover the entire screen instead of just cramming your movie clip in there however it fits.
    Let me know if any of that helped I can go into further detail but I feel like I am rambling on.

  • Swing Layout for different screen resolution

    Hi All,
    I am developing an application which will always run in a FULL SCREEN mode.
    I intend to make it working on all screen sizes (resoultions) and on different OS and devices.
    Since I am new to Swing, could anyone of you suggest a good layout manager to manage the components?
    I am using NetBeans 6.8 (which uses a GroupLayout) for designing the GUI but when I change the screen resolution, the arrangement is all messed up.
    Also, I am not able to design my application's GUI using NetBeans GUI builder as there is noway I can get an idea of how things will look like in the EXTENDED_BOTH state.
    It will be very helpful if anyone could suggest..
    Thanks!

    The entire point of Swing LayoutManagers is to get a (reasonably) consistent layout across different resolutions, window sizes, platforms, etc. Of course, different window sizes and aspect ratios will affect things slightly, but any LayoutManager properly used will do the job you're describing.
    As for which LayoutManager to use, I think that's a misleading question because it's not uncommon to use multiple LayoutManagers for a single screen. But in my experience it's possible to do 95% of what you want using GridBagLayout and a properly nested hierarchy of JPanels. GridBagLayout is a pain to get used to (caution against re-using GridBagConstraints), but once you do it's amazing what you can get out of it.

  • Wire Aligment with Different Screen Resolutions

    I've noticed that block diagram wire positions/alignments can change, sometimes significantly, in moving to monitors with different resolutions.  There's a ton of information about maintaining proportions on the front panel as resolution changes, but I can't find how to mitigate the issue with wires on the block diagram.  Does anybody know how best to handle this?
    Thanks!
    Solved!
    Go to Solution.

    I've never noticed the block diagram change due to screen resolutions.  I have seen issues like this when changing system fonts.  For instance, going from XP to Win7 meant going to Aero font, which is a bigger font than whatever XP used for its default system font.
    There are only two ways to tell somebody thanks: Kudos and Marked Solutions
    Unofficial Forum Rules and Guidelines

  • Optimizing captivate file for different screen resolution

    Hi,
    I've a problem in optmizing the captivate file for different screens like laptop,netbook and pc. In PC's and laptops, this is not a major issue as the size of the screen is large. But when we play the captivate generated swf file in a netbook, the whole website gets resized to fit in to the resolution of the screen except the captivate file.Captivate file gets truncated in such a way that, the user can read only half of the slide.
    Thanks in advance
    Parvathy

    One thing you can try is adjusting the swf dimensions manually.  I haven't found a way to do it in Cp.  We had a similar problem with some eLearning we built that all our testers used just fine.  But once someone undocked their laptop and was off their desktop monitor, had the same problem you describe, where the bottom of the movie was cut off.
    Once you publish the files, open the .htm file with notepad or your text/html editor of choice.
    Look for a line that looks something like this:
    var so = new SWFObject(strURLFile + strURLParams, "Captivate", "1100", "798", "10", "#CCCCCC");
    or
    var so = new SWFObject("filename.swf", "Captivate", "1600", "1200", "10", "#CCCCCC");
    Change those numbers in quotes to 100%, like this:
    var so = new SWFObject("filename.swf", "Captivate", "100%", "100%", "10", "#CCCCCC");
    save the .htm
    My experience has been it will adjust the swf so it fits either the height or width of the display, whichever is shorter.  That is, it will either fill the top to bottom OR side to side, but keep the swf in proportion.
    hope that helps.

  • Max. screen resolution of secure desktop

    Hi there.
    I have access to the notebook at my office via Secure Global Desktop. Normally my notebook has a screen resolution of 1280x1024. If I try to access it with this resolution from home I indeed can log on but I only get a blue screen (for about one second I can see the icons on my notebook's desktop).
    Using a resolution of 1024x768 everything seems to work fine. But this resolution is too low to work with so that I would have to switch it every evening when I leave the office (to ensure that I could have access in case of emergency).
    Is there really a limit concerning the screen resolution? Does anyone know anything about that? Or if not, how would it be possible to access my notebook with the higher resolution!? What would I have to configure in the administration area?
    Thanks for every hint.
    Regards,
    Stephan

    I work with 1280x800 and it works perfectly.
    One thing you can try is to increase the memory assigned to java to see if it helps.
    /opt/tarantella/bin/tarantella config edit --tuning-jvm-initial <MB>
    /opt/tarantella/bin/tarantella config edit--tuning-jvm-scale <percent>
    /opt/tarantella/bin/tarantella config edit--tuning-jvm-max <MB>
    I normally set the initial to 60% of the systems memory, the scale to 150 and the max to 80% of the systems memory.
    I this won't help is will make the performance a bit better if the jvm memory was set very low.
    - Remold @ Everett

Maybe you are looking for