Overlapping = Ugly

[Walrii]

Okay, I know this question has probably been asked before but I can't find a solution (forums, wiki, both searched).

(This problem occurs when I have the imageset's autoscale to true or to false):

My layout (designed using CELayoutEditor btw, very nice) looks perfect in 800x600, but when I use a higher resolution the windows (aka widgets) grow in size as well and actually overlap on eachother.

Of course, I'm using relative sizing, which from what I gather is the preferred method of things (and besides, thats all that CELayoutEditor seems to support). I figure absolute position / sizing would fix things, but that would mean I'd have to write a program to convert the relative sizing to absoulute everytime I use CELayoutEditor to change / add to my layout.

I'm using Ogre for rendering, if that matters.

So, is there a way to stop this from happening? I know everything should grow larger, to fit the larger screen real estate, but do the text boxes and edit boxes have to grow so much that they overlap each other? Shouldn't they move to accompany the increase in size?

(CELayoutEditor v1.4)

[lindquist]

Post your layout xml so we can see whats really going on

[Walrii]

(Thanks for the reply)

Code: Select all

<?xml version="1.0" encoding="UTF-8"?>
<GUILayout>
<Window Type="DefaultWindow" Name="Root" >
<Property Name="UnifiedAreaRect" Value="{{0.000000,0.000000},{0.000000,0.000000},{1.000000,0.000000},{1.000000,0.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
<Window Type="TaharezLook/FrameWindow" Name="ServerLogin" >
<Property Name="Alpha" Value="0.700000" />
<Property Name="AlwaysOnTop" Value="True" />
<Property Name="CaptionColour" Value="00FFFFFF" />
<Property Name="CloseButtonEnabled" Value="False" />
<Property Name="EWSizingCursorImage" Value="set:TaharezLook image:MouseEsWeCursor" />
<Property Name="Font" Value="Tahoma-12" />
<Property Name="MouseCursorImage" Value="set:TaharezLook image:MouseTarget" />
<Property Name="NESWSizingCursorImage" Value="set:TaharezLook image:MouseNeSwCursor" />
<Property Name="NSSizingCursorImage" Value="set:TaharezLook image:MouseNoSoCursor" />
<Property Name="NWSESizingCursorImage" Value="set:TaharezLook image:MouseNwSeCursor" />
<Property Name="SizingEnabled" Value="False" />
<Property Name="Text" Value="Login to a server:" />
<Property Name="TitlebarEnabled" Value="True" />
<Property Name="TitlebarFont" Value="Tahoma-12" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,20.000000},{0.000000,40.000000},{0.449999,20.000000},{0.800000,40.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
<Window Type="TaharezLook/StaticText" Name="UsernameTextBox" >
<Property Name="BackgroundImage" Value="set:TaharezLook image:StaticBackdrop" />
<Property Name="BottomFrameImage" Value="set:TaharezLook image:StaticBottom" />
<Property Name="BottomLeftFrameImage" Value="set:TaharezLook image:StaticBottomLeft" />
<Property Name="BottomRightFrameImage" Value="set:TaharezLook image:StaticBottomRight" />
<Property Name="Font" Value="Tahoma-12" />
<Property Name="LeftFrameImage" Value="set:TaharezLook image:StaticLeft" />
<Property Name="RightFrameImage" Value="set:TaharezLook image:StaticRight" />
<Property Name="Text" Value="Username:" />
<Property Name="TopFrameImage" Value="set:TaharezLook image:StaticTop" />
<Property Name="TopLeftFrameImage" Value="set:TaharezLook image:StaticTopLeft" />
<Property Name="TopRightFrameImage" Value="set:TaharezLook image:StaticTopRight" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,20.000000},{0.000000,60.000000},{0.863888,20.000000},{0.062500,60.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
</Window>
<Window Type="TaharezLook/Editbox" Name="UsernameEditBox" >
<Property Name="Font" Value="Tahoma-12" />
<Property Name="MaxTextLength" Value="1073741823" />
<Property Name="MouseCursorImage" Value="set:TaharezLook image:MouseTextBar" />
<Property Name="Text" Value="Username" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,20.000000},{0.000000,100.000000},{0.861111,20.000000},{0.081250,100.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
</Window>
<Window Type="TaharezLook/Button" Name="ConnectButton" >
<Property Name="Font" Value="Tahoma-12" />
<Property Name="MouseCursorImage" Value="set:TaharezLook image:MouseArrow" />
<Property Name="Text" Value="Connect" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,20.000000},{0.000000,400.000000},{0.250000,20.000000},{0.108333,400.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
</Window>
<Window Type="TaharezLook/Button" Name="CancelButton" >
<Property Name="Font" Value="Tahoma-12" />
<Property Name="MouseCursorImage" Value="set:TaharezLook image:MouseArrow" />
<Property Name="Text" Value="Cancel" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,220.000000},{0.000000,400.000000},{0.250000,220.000000},{0.108333,400.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
</Window>
<Window Type="TaharezLook/StaticText" Name="ServerLabel" >
<Property Name="BackgroundImage" Value="set:TaharezLook image:StaticBackdrop" />
<Property Name="BottomFrameImage" Value="set:TaharezLook image:StaticBottom" />
<Property Name="BottomLeftFrameImage" Value="set:TaharezLook image:StaticBottomLeft" />
<Property Name="BottomRightFrameImage" Value="set:TaharezLook image:StaticBottomRight" />
<Property Name="Font" Value="Tahoma-12" />
<Property Name="LeftFrameImage" Value="set:TaharezLook image:StaticLeft" />
<Property Name="RightFrameImage" Value="set:TaharezLook image:StaticRight" />
<Property Name="Text" Value="Server:" />
<Property Name="TopFrameImage" Value="set:TaharezLook image:StaticTop" />
<Property Name="TopLeftFrameImage" Value="set:TaharezLook image:StaticTopLeft" />
<Property Name="TopRightFrameImage" Value="set:TaharezLook image:StaticTopRight" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,20.000000},{0.000000,160.000000},{0.863888,20.000000},{0.062500,160.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
</Window>
<Window Type="TaharezLook/Editbox" Name="ServerEditBox" >
<Property Name="Font" Value="Tahoma-12" />
<Property Name="MaxTextLength" Value="1073741823" />
<Property Name="MouseCursorImage" Value="set:TaharezLook image:MouseTextBar" />
<Property Name="Text" Value="irc.editingarchive.com" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,20.000000},{0.000000,200.000000},{0.861111,20.000000},{0.081250,200.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
</Window>
<Window Type="TaharezLook/StaticText" Name="PortLabel" >
<Property Name="BackgroundImage" Value="set:TaharezLook image:StaticBackdrop" />
<Property Name="BottomFrameImage" Value="set:TaharezLook image:StaticBottom" />
<Property Name="BottomLeftFrameImage" Value="set:TaharezLook image:StaticBottomLeft" />
<Property Name="BottomRightFrameImage" Value="set:TaharezLook image:StaticBottomRight" />
<Property Name="Font" Value="Tahoma-12" />
<Property Name="LeftFrameImage" Value="set:TaharezLook image:StaticLeft" />
<Property Name="RightFrameImage" Value="set:TaharezLook image:StaticRight" />
<Property Name="Text" Value="Port:" />
<Property Name="TopFrameImage" Value="set:TaharezLook image:StaticTop" />
<Property Name="TopLeftFrameImage" Value="set:TaharezLook image:StaticTopLeft" />
<Property Name="TopRightFrameImage" Value="set:TaharezLook image:StaticTopRight" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,20.000000},{0.000000,260.000000},{0.863888,20.000000},{0.062500,260.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
</Window>
<Window Type="TaharezLook/Editbox" Name="PortEditBox" >
<Property Name="Font" Value="Tahoma-12" />
<Property Name="MaxTextLength" Value="1073741823" />
<Property Name="MouseCursorImage" Value="set:TaharezLook image:MouseTextBar" />
<Property Name="Text" Value="6667" />
<Property Name="UnifiedAreaRect" Value="{{0.000000,20.000000},{0.000000,300.000000},{0.861111,20.000000},{0.081250,300.000000}}" />
<Property Name="UnifiedMaxSize" Value="{{1.000000,0.000000},{1.000000,0.000000}}" />
</Window>
</Window>
</Window>
</GUILayout>


Since I'm using nothing but CELayoutEditor, I don't see why there should be a problem...

Also if this helps, I am using the latest Ogre release (1.2, Dagon RC1).

[Walrii]

Pictures to explain better what I mean...



Notice how in the higher resolution image, the channel and channel edit box overlap onto each other? Nothing is spaced at all evenly... The windows get larger, but don't move down with their parent as the window gets larger (I think)

[martignasse]

hi walrii,

{{0.000000,20.000000},{0.000000,160.000000},{0.863888,20.000000},{0.062500,160.000000}}

the position you fill in is absolute, so, not relative to parent, so, not modified when the size of the parent change.

for the result you try to achieve, put some relative values instead, it should do the trick.

hope it help.

[Walrii]

Ahh, thank you