Shoutbox

help please - alignment issues - Printable Version

-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: Messenger Plus! for Live Messenger (/forumdisplay.php?fid=4)
+---- Forum: Skinning (/forumdisplay.php?fid=41)
+----- Thread: help please - alignment issues (/showthread.php?tid=89007)

help please - alignment issues by MrCobra on 02-07-2009 at 04:16 PM

Ok, this is what I'm trying to do...adding a 3rd display pic to the top of the chat window. I'm somewhat successful in that I have it there, but the contact name is alligned at the bottom left of the DP instead of center left. I've moved the code that's bold below all over the place and can't get it aligned.





    <constrainer id=atom(idYouAreaContainer) layout=BorderLayout() layoutpos=top MinSize=Size(0,79rp) Active=1 AddBehavior=Msgr::SyncAreaHeight(52rp,96rp,96rp,-12rp,"idYouBackground") AddBehavior=DUI::ShowHide()>

        <element id=atom(idYouArea) layoutpos=client layout=BorderLayout() Active=1 class="noncaptionable" AddBehavior=Msgr::OnMouseOverShowHide("idColExpTaskbar",250) AddBehavior=Msgr::OnMouseOverShowHide("idTaskbarWhite",250) AddBehavior=DUI::MenuFromChildren("RightClick","Mouse","ShowDefaultSceneDropdown")>

            <Menu id=atom(ShowDefaultSceneDropdown) borderthickness=Rect(1,1,1,1) padding=Rect(1,1,1,1) CmdGroup=guid("{0214a791-5450-498f-8860-f8f22844edfa}") bordercolor=rcclr("msgr",675) background=rcclr("msgr",680) layout=FillLayout() layoutpos=none>
                <MenuItem2 text=rcstr("msgr",37208) cmdid=2555/>
            </Menu>

            <Element Id=atom(idColExpTaskbarControl) LayoutPos=top Layout=FillLayout() ContentAlign=middlecenter>
                <Button Id=atom(idColExpTaskbarButton) LayoutPos=top CmdId=40451 Width=32rp Height=13rp Cursor=hand Class="collapse" Tooltip=true AccRole=64 Active=1 AddBehavior=Msgr::OnMouseOverShowHide("idColExpTaskbarHover",250)/>
            </Element>

            <element layoutpos=client layout=FlowLayout(2,0,0,0) padding=Rect(0,0,0,0) Active=1>
                <Element Layout=FlowLayout(2,3,2,3)>
                    <Element Layout=FlowLayout(0,1,0,1) padding=Rect(0,0,0,2)>
                       
                        <Element Id=atom(idYouAreaControls) Layout=BorderLayout() Active=1>
                            <Element layoutpos=client layout=BorderLayout() MinSize=Size(0,79) Active=1>
                                <Element Active=1 Layout=FlowLayout(2,0,0,2) LayoutPos=left>
                                    <Element layoutpos=left layout=VerticalFlowLayout(0,2,2,0) padding=Rect(2,0,0,2) >
                                        <Element Active=1 Layout=FlowLayout(1,0,0,2) ContentAlign=middleleft AddBehavior=UXContacts::Usertile("Conv.You::ContactType","Conv.You::Status","Conv.You::Usertile",false,false,false,true,false,false,false,false,false,false) Class="UXUsertile" Width=79 Height=79 ID=atom(idYouAreaUserTile) Accessible=false AddBehavior=UXContacts::FetchUsertile("Conv.You::Contact","Conv.You::UsertileLocation",10,0)>
                                            <Element ID=atom(UXUTileSizing) Layout=FillLayout()>
                                                <Element Layout=FillLayout()>
                                                    <Element ID=atom(UXUTilePadding) Layout=FillLayout() LayoutPos=none>
                                                        <Element ID=atom(UXUTileImagePrimary) Direction=0/>
                                                        <Element ID=atom(UXUTileImageSecondary) Direction=0/>
                                                        <Element ID=atom(UXUTileOverlay) AddBehavior=DUI::Fade()/>
                                                    </Element>
                                                </Element>
                                                <Element ID=atom(UXUTileFrameBottom)/>
                                                <Element ID=atom(UXUTileFrameTop)/>
                                            </Element>
                                        </Element>
                                    </Element>
                                </Element>
                            </Element>
                        </Element>
                       

                        <Element Layout=BorderLayout()>
                            <EmoticonText Id=atom(idBuddyFriendlyName) LayoutPos=client Accessible=true Accessible=true AccName=rcstr("msgr",60052) AccRole=41 ContentAlign=endellipsis MaxVisibleLines=1 FontSize=rcint("msgr",20983)pt FontFace=rcstr("msgr",20954) Margin=Rect(0,0,0,2) Padding=Rect(rcint("msgr",9007),0,rcint("msgr",9007),0) AddBehavior=DUI::Glow(rcint("msgr",9007),rcfloat("msgr",9008),rcclr("msgr",9009),rcclr("msgr",9010))/>
                            <Element Id=atom(idBuddyStatus) LayoutPos=topright Accessible=true AccRole=41 ContentAlign=bottomleft Padding=Rect(0,0,0,2) AddBehavior=DUI::Glow(rcint("msgr",9007),rcfloat("msgr",9008),rcclr("msgr",9009),rcclr("msgr",9010))/>
                        </Element>
                    </Element>
                    <PSMElement id=atom(idBuddyPSM) fontsize=rcint("msgr",20958)pt ContentAlign=endellipsis AccRole=41 Margin=Rect(0,0,2,3) Layout=BorderLayout()>
                        <Element id=atom(idPSM) Layout=FlowLayout(2,2,2,3)>
                            <HtmlView id=atom(idPSMView) ShowEmoticons=true Tooltip=true AccState=0x40 yscrollable=false HandleLinksOnly=false Active=3 Accessible=true Padding=Rect(rcint("msgr",9007),0,rcint("msgr",9007),0) AddBehavior=DUI::Glow(rcint("msgr",9007),rcfloat("msgr",9008),rcclr("msgr",9009),rcclr("msgr",9010))/>
                        </Element>
                        <Element id=atom(idCurrentSong) Layout=BorderLayout() Visible=false>
                            <Element id=atom(idSongIcon) Active=0/>
                            <UrlElem id=atom(idSongText) Layout=FlowLayout(2,2,2,0) class="PSMUrl" CmdID=50205 ShowAmpersand=false>
                                <WLEditT id=atom(idSongInnerText) active=0 AddBehavior=DUI::Glow(rcint("msgr",9007),rcfloat("msgr",9008),rcclr("msgr",9009),rcclr("msgr",9010)) Padding=Rect(rcint("msgr",9007),0,rcint("msgr",9007),0)/>
                            </UrlElem>
                        </Element>
                    </PSMElement>
                    <element id=atom(idBuddyNewsFeedContainer) layout=BorderLayout()>
                        <element id=atom(idBuddyNewsFeed) layoutpos=left layout=FillLayout() Accessible=false/>
                        <element id=atom(idBuddyNewsDateTimeAgo) layoutpos=right accessible=true accrole=42 contentalign=endellipsis Padding=Rect(rcint("msgr",9007),0,rcint("msgr",9007),0) AddBehavior=DUI::Glow(rcint("msgr",9007),rcfloat("msgr",9008),rcclr("msgr",9009),rcclr("msgr",9010))/>
                    </element>
                </Element>
            </element>
        </element>
        <BorderSplitter LayoutPos=bottom Layout=FillLayout() SiblingID=atom(idContent) Cursor=7 Height=rcint("msgr",3017) Live=true>
            <Element class="youareagripper" Active=1 ContentAlign=middlecenter Height=rcint("msgr",3017)/>
       </BorderSplitter>
    </constrainer>


RE: help please - alignment issues by DennisMartijn on 02-08-2009 at 05:43 PM

Tweak around with the 
<Element Layout=FlowLayout(0,1,0,1) padding=Rect(0,0,0,2)>
above the bold area.
Usually, items get centered in horizontal direction by using Layout=FlowLayout(0,2,2,2). Vertical direction then should be:
Layout=VerticalFlowLayout(0,2,2,2)