Sure thanks for the help I do appreciate it.
Here is my XML:
XML Code:
<GuiXml>
<Controls>
<TopLevelControl name="NM_SystemBarWin" movable="true" mouseEnabled="true" clampedToScreen="true" hidden="false">
<Dimensions x="350" y="68"/>
<ClampedToScreenInsets top="20" bottom="-20" left="20" right="-20"/>
<Anchor point="TOPLEFT"/>
<Controls>
<Backdrop name="$(parent)Backdrop" integralWrapping="true">
<Anchor point="TOPLEFT"/>
<Anchor point="BOTTOMRIGHT"/>
<Edge file="EsoUI/Art/ChatWindow/chat_BG_edge.dds" edgeFileWidth="256" edgeFileHeight="256" edgeSize="32"/>
<Center file="EsoUI/Art/ChatWindow/chat_BG_center.dds"/>
<Insets top="32" bottom="-32" left="32" right="-32"/>
</Backdrop>
<Control name="$(parent)Clock" mouseEnabled="true">
<Dimensions x="80" y="40"/>
<Anchor point="RIGHT" relativeTo="$(parent)" relativePoint="CENTER" offsetX="-60"/>
<Controls>
<Label name="$(parent)Label" font="ZoFontWinT2" horizontalAlignment="CENTER" verticalAlignment="CENTER">
<AnchorFill/>
</Label>
</Controls>
<OnMouseDown>
self:GetParent():StartMoving()
</OnMouseDown>
<OnMouseUp>
self:GetParent():StopMovingOrResizing()
</OnMouseUp>
</Control>
<Control name="$(parent)Fps" mouseEnabled="true">
<Dimensions x="80" y="40"/>
<Anchor point="LEFT" relativeTo="$(parent)Clock" relativePoint="RIGHT" offsetX="-5"/>
<Controls>
<Label name="$(parent)Label" font="ZoFontWinT2" color="c5c29e" horizontalAlignment="CENTER" verticalAlignment="CENTER">
<AnchorFill/>
</Label>
</Controls>
<OnMouseDown>
self:GetParent():StartMoving()
</OnMouseDown>
<OnMouseUp>
self:GetParent():StopMovingOrResizing()
</OnMouseUp>
</Control>
<Control name="$(parent)Latency" mouseEnabled="true">
<Dimensions x="80" y="40"/>
<Anchor point="LEFT" relativeTo="$(parent)Fps" relativePoint="RIGHT"/>
<Controls>
<Texture name="$(parent)Icon" textureFile="EsoUI/Art/Campaign/campaignbrowser_hipop.dds">
<Dimensions x="26" y="26"/>
<Anchor point="LEFT" relativeTo="$(parent)" relativePoint="LEFT"/>
</Texture>
<Label name="$(parent)Label" font="ZoFontWinT2" horizontalAlignment="LEFT" verticalAlignment="CENTER">
<Anchor point="LEFT" relativeTo="$(parent)Icon" relativePoint="RIGHT"/>
</Label>
</Controls>
<OnMouseDown>
self:GetParent():StartMoving()
</OnMouseDown>
<OnMouseUp>
self:GetParent():StopMovingOrResizing()
</OnMouseUp>
</Control>
<Control name="$(parent)Gold" mouseEnabled="true">
<Dimensions x="80" y="40"/>
<Anchor point="LEFT" relativeTo="$(parent)Latency" relativePoint="RIGHT" offsetX="-34"/>
<Controls>
<Label name="$(parent)Label" font="ZoFontWinT2" horizontalAlignment="CENTER" verticalAlignment="CENTER">
<AnchorFill/>
</Label>
<Texture name="$(parent)Icon" textureFile="/EsoUI/Art/Currency/currency_gold.dds">
<Dimensions x="16" y="16"/>
<Anchor point="LEFT" relativeTo="$(parent)Label" relativePoint="RIGHT" offsetX="-20"/>
</Texture>
</Controls>
<OnMouseDown>
self:GetParent():StartMoving()
</OnMouseDown>
<OnMouseUp>
self:GetParent():StopMovingOrResizing()
</OnMouseUp>
</Control>
</Controls>
<OnMoveStop>
NM_SystemBar.OnMoveStop()
</OnMoveStop>
</TopLevelControl>
</Controls>
</GuiXml>
Anchors are still a bit of an issue for me. Maybe I'm just not wrapping my head around it.
Here is what I currently have. Basically what I'm going for is all the "modules" to be evenly spaced at all times no matter the situation.