1920x1200 layout file

Hi,

In developing a customer specific layout on the 1920x1200 resolution I came up with the following problems:

1. Objects in online mode are not displayed the same way as in offline mode.

- Due to the fact that dynamo sizes are very small in the specifications, layering and aligning of objects must be very precise.

- Because of these small sizes the differences between online and offline display are very significant.

- I have tried different sized main pictures and different layout file settings

- I’ve tested these settings on pictures with different type of objects on it (line, circle, text, bitmaps, etc.) and picked the settings that generated the least distortion

- I’m assuming that these problems are a result for not finding the correct size for the Main Picture Template.

2. Remote Desktop Connection cannot open DeltaV Operate in 1920x1200 resolution

- From my experimentation this does not distort the picture,  only overlaps the screens in case of a dual monitor remote connection.

- This problem is also detailed in KBA AK-1100-0009

 

The details of the current picture and layout settings for the 1920x1200 resolution are as follows:

Layout file:

The screens are divided horizontally into 3 parts:

  1. Navigation bar
    1. Position Y = 0
    2. Height = 134
  2. Main picture
    1. Position Y = 134
    2. Height = 970
  3. Toolbar
    1. Position Y = 1104
    2. Height = 96

User Preferences:

Document Width = 100

Document Height = 62.5

Graphic seizes in iFix:

  1. Navigation bar
    1. Height = 7
    2. Width = 100
  2. Main Picture
    1. Height = 54.2955
    2. Width = 105.1
  3. Toolbar
    1. Height = 5
    2. Width = 100

 

My questions would be:

  1. Are there better methods for eliminating this distortion issue besides testing different sized Main Pictures?
  2. What is a good method for testing the layout?
  3. Is there a possibility to avoid all together this re-scaling done by the run-time environment? (Opening the picture like a pop-up leaves the dynamos pitch perfect)

I would also like to mention that I'm currently working in DV11.3 but the project will be delivered with DV12.3.

Before anyone decides to tell me, i know. The 1920x1200 resolution is NOT supported :)

Thanks,

Armella

  • Hi Armella.  1920X1200 is not supported... Just kidding.  I heard that so much when trying to do some large layouts that it drove me crazy.  

    Here's my 2 cents (which may be exactly what it's worth to you).

    The trick is getting the aspect ratio between the graphic file and space you leave for it, exactly the same.  Even then I've seen some re-sizing problems, but that seems to be the same, no matter what size the screen is.

    So 1920x1200 monitor is the 1.6 aspect ratio.  Designing with this in mind will keep your graphics from looking distorted.

    So in a layout file you could leave a space for the main picture 1600 x 1000 pixels (a 1.6 aspect ratio).

    The main graphics then should be generated from a template that has a document size of 80 x 50 (a 1.6 aspect ratio).  You can play around with document size to get the dynamos to be as big as you need, but keep the aspect ratio 1.6.

    Looking at the last project I did, the document size and layout space ended up to be 1.58 because someone wanted a border thrown in at the last minute, but since the ratio on the document size was the same as the ratio for the layout file main picture space, it looks good.

    Hope that helps.

    -Travis

  • Hi Armella,

    The aspect ratio for your screen is 1920/1200 = 1.6

    The aspect ratio for your graphics layout is 105.1/(54.2955+7+5) = 1.5853. Theorotically, this should be equal to 1.6.

    Try to increase the main picture width in layout file to 106.0728 to match the aspect ratio. (Or document height to 53.588)

    These are the base numbers, but the online distortion can still be seen during conversion of document size to the layout size (106.0728 * 54.2955 to 1920 * 970). Pixels do not have fractions, so while converting from 100.0728 to 1920, the dynamos can shift by one pixel for rounding off these fractions, at various locations throughout the width. You will need to fine tune these numbers ( Hight & width) by trial & error, to get minimum affect on the graphic in run mode.

    If you have very small dynamos or small graphic template, then the streching increases, so will be the possibility of distorsion. If you have very big template, then the dynamo size increases & it becomes difficult to configure. You will have to find a moderate template size to avoid both conditions.

    If you are displaying the title bar (height = 19) / menu bar (height = 19) / Status bar (height = 20), then main picture document height propety will change accordingly.

    The toolbar width should be then set to match the main picture. Otherwise it will result in grey rectangles in right hand side of toolbar & alarm banner.

    Regards,

    Amod.

  • In addition to different aspect ratios between the picture size and the layout space, another thing to watch for is the location of individual lines and shapes within the dynamos.  For example, if you expect two lines to meet to form a corner and the X and Y locations of both line end-points are not identical, they will not always form a true corner if the dynamo or picture is re-sized.  The easiest thing to do is to always make sure the size of the development window is identical to the size of the run-time window.  Unfortunately, when that is not possible, the next easiest way to ensure they meet exactly takes a lot of time.  You can copy/past the location numbers in the Properties window from one object to another.  It is very difficult to get an exact match using the mouse.  With the mouse, it can look great at one size or resolution but then leave gaps or tails at other sizes.

  • In reply to carllemp:

    carllemp, for that it is usually enough to use the Align buttons from the DeltaV Toolbox. For example, to create an upper right corner out of two perpendicular lines, you can use Align Right and then Align Top.

  • In reply to István Orbán:

    Hi guys,

    Sorry to get back to you so late.

    I finally got my solution from a PCSD team member.

    While having the correct desktop resolution and iFix document size settings you create a new picture (right click on CFixFolder->Pictures "New Picture"). From this new picture you start making your main picture and toolbars.

    My mistake was to recycle 1680x1050 templates to my measurements. (and I think I'm not the only one)

    But just by creating new pictures from your full screen template and copying all elements and scripts over solves the problem. Best part is, there is no need for adjustments :). You get no distortions with the calculated measurements.

    It all made sense when I made a full screen picture with the desktop resolution set to 800x600. I ended up with two pictures of the size 62.5x100 but the 800x600 picture was 1/4 the size of the 1920x1200.

    Thanks for your help,

    Armella

  • In reply to Armella Fleisz:

    Thank you having share your solution.