View Single Post
  #1  
Unread 08-03-2011, 07:57 PM
Modnar Modnar is offline
The Unscathed
 
Join Date: May 2011
Posts: 16
[Help] Modifying the Enlarged Quest Panel

Hello,

Recently I purchased a new monitor and adjusted the UI interface accordingly. Besides moving UI elements around, I also gathered several enlarged UI element mods. Most were added without further alteration, a few needed simple adjustments I was able to complete myself. But I've had some trouble with the Quest Panel.

I used the enlarged quest panel mod (downloaded from this site although ATM I cannot locate it to provide a link) as my base. The upper portion with the # of tasks, etc was unacceptable. So I stripped lines of code out until the upper portion reverted to LotRO standard. Then I tried to adjust individual element sizes to get the Quest Panel back to mimic the Enlarged size. But it has not worked very well.

Could one of the UI Experts on the forum provide some assistance? Most of the trouble is the wrong box size for a parent container and/or wrong x & y position values. Unfortunately this is a little too complex for me to work out.

I've included a screenshot so you can see the problems. As far as I can tell these are:
  • the right border of the Quest Log panel is missing
  • the overall parent container is too small - upper panel is blowing out of background on right.
  • the buttons (cancel, add to tracker, etc) at the bottom are missing
  • the right side (quest details) portion is too narrow (single, small fellowship, fellowship image being cropped)
  • the quest list vs quest details are not aligned (couple pixels difference)
  • the scrollbar is missing bottom 'endcap' element - this might be a missing UI ID from Turbine as I cannot recall altering this.
After a couple hours I've gotten as far as the code shown at bottom (blank lines indicate where material was removed to revert to LotRO standard). Any assistance would be greatly appreciated.

Code:
        <PanelFile ID="ID_UISkin_QuestPanel">
        <Element ID="QuestPanel"                               X="6"    Y="116"  Width="776" Height="750"> <!-- Original: Height="704", 739 -->
            <Element ID="BaseBox_BG"                             X="0"    Y="15"   Width="748" Height="731"> <!-- Original: Y="15", Height="685", 720 -->
                <Element ID="Base_Box_Silver_BottomMid"            X="36"   Y="695"  Width="738" Height="36"></Element> <!-- Original: Y="649" 703? -->
                <Element ID="Base_Box_Silver_BottomRight"          X="738"  Y="695"  Width="36" Height="36"></Element> <!-- Original: Y="649" -->
                <Element ID="Base_Box_Silver_MidRight"             X="738"  Y="36"   Width="36" Height="659"></Element> <!-- Original: Height="613" -->
                <Element ID="Base_Box_Silver_Background"           X="36"   Y="36"   Width="738" Height="659"></Element>
                <Element ID="Base_Box_Silver_TopRight"             X="738"  Y="0"    Width="36" Height="36"></Element>
                <Element ID="Base_Box_Silver_TopLeft"              X="0"    Y="0"    Width="36" Height="36"></Element>
                <Element ID="Base_Box_Silver_TopMid"               X="36"   Y="0"    Width="738" Height="36"></Element>
                <Element ID="Base_Box_Silver_MidLeft"              X="0"    Y="36"   Width="36" Height="659"></Element>
                <Element ID="Base_Box_Silver_BottomLeft"           X="0"    Y="695"  Width="36" Height="36"></Element>
            </Element> <!-- end BaseBox_BG -->

          
            <Element ID="Quest_Journal_Page"                     X="-1"   Y="26"   Width="745" Height="670"> <!-- Original:  -->
                <Element ID="QuestTreeBox_01"                      X="9"    Y="79"   Width="333" Height="586">
                    <Element ID="Box_01_Background"                  X="1"    Y="1"    Width="331" Height="584"></Element>
                    <Element ID="Box_01_InnerShadow"                 X="1"    Y="1"    Width="331" Height="584">
                        <Element ID="InnerShadow_TopLeft"              X="0"    Y="0"    Width="9" Height="9"></Element>
                        <Element ID="InnerShadow_MidLeft"              X="0"    Y="9"    Width="9" Height="566"></Element>
                        <Element ID="InnerShadow_BottomLeft"           X="0"    Y="575"  Width="9" Height="9"></Element>
                        <Element ID="InnerShadow_BottomMid"            X="9"    Y="575"  Width="313" Height="9"></Element>
                        <Element ID="InnerShadow_BottomRight"          X="322"  Y="575"  Width="9" Height="9"></Element>
                        <Element ID="InnerShadow_MidRight"             X="322"  Y="9"    Width="9" Height="575"></Element>
                        <Element ID="InnerShadow_TopRight"             X="322"  Y="0"    Width="9" Height="9"></Element>
                        <Element ID="InnerShadow_TopMid"               X="9"    Y="0"    Width="313" Height="9"></Element>
                    </Element> <!-- end Box_01_InnerShadow -->
                    <Element ID="Box_01_LeftBorder"                  X="0"    Y="0"    Width="1" Height="586"></Element>
                    <Element ID="Box_01_BottomBorder"                X="0"    Y="585"  Width="333" Height="1"></Element>
                    <Element ID="Box_01_RightBorder"                 X="332"  Y="0"    Width="1" Height="586"></Element>
                    <Element ID="Box_01_TopBorder"                   X="0"    Y="0"    Width="333" Height="1"></Element>
                </Element> <!-- end QuestTreeBox_01 -->
                <Element ID="QuestTree"                            X="11"   Y="82"   Width="321" Height="583"></Element>
                <Element ID="QuestTree_SB"                         X="332"  Y="83"   Width="10" Height="582">
                    <Element ID="scroll_bottom_field"                X="0"    Y="572"  Width="10" Height="10"></Element>
                    <Element ID="UpButton"                           X="0"    Y="572"  Width="10" Height="10"></Element>
                    <Element ID="DownButton"                         X="0"    Y="0"    Width="10" Height="10"></Element>
                    <Element ID="scroll_top_field"                   X="0"    Y="0"    Width="10" Height="10"></Element>
                    <Element ID="widget"                             X="0"    Y="10"   Width="10" Height="562">
                        <Element ID="widget_top_field"                 X="0"    Y="0"    Width="10" Height="10"></Element>
                        <Element ID="widget_mid_field"                 X="0"    Y="10"   Width="10" Height="542"></Element>
                        <Element ID="widget_bottom_field"              X="0"    Y="552"  Width="10" Height="10"></Element>
                    </Element> <!-- end widget -->
                    <Element ID="scroll_middle_field"                X="0"    Y="10"   Width="10" Height="562"></Element>
                </Element> <!-- end QuestTree_SB -->


                
                <Element ID="QuestAbandonButton"                   X="328"  Y="752"  Width="75" Height="20">
                    <Element ID="TextButtonReference_Left"           X="0"    Y="0"    Width="20" Height="20"></Element>
                    <Element ID="TextButtonReference_Mid"            X="20"   Y="0"    Width="34" Height="20"></Element>
                    <Element ID="TextButtonReference_Right"          X="54"   Y="0"    Width="20" Height="20"></Element>
                </Element> <!-- end QuestAbandonButton -->
                <Element ID="QuestTrackerButton"                   X="76"   Y="752"  Width="178" Height="20">
                    <Element ID="TextButtonReference_Left"           X="0"    Y="0"    Width="20" Height="20"></Element>
                    <Element ID="TextButtonReference_Mid"            X="20"   Y="0"    Width="137" Height="20"></Element>
                    <Element ID="TextButtonReference_Right"          X="157"  Y="0"    Width="20" Height="20"></Element>
                </Element> <!-- end QuestTrackerButton -->
                <Element ID="QuestHistoryButton"                   X="404"  Y="752"  Width="128" Height="20">
                    <Element ID="TextButtonReference_Left"           X="0"    Y="0"    Width="20" Height="20"></Element>
                    <Element ID="TextButtonReference_Mid"            X="20"   Y="0"    Width="87" Height="20"></Element>
                    <Element ID="TextButtonReference_Right"          X="107"  Y="0"    Width="20" Height="20"></Element>
                </Element> <!-- end QuestHistoryButton -->
                <Element ID="QuestShareButton"                     X="252"  Y="752"  Width="75" Height="20">
                    <Element ID="TextButtonReference_Left"           X="0"    Y="0"    Width="20" Height="20"></Element>
                    <Element ID="TextButtonReference_Mid"            X="20"   Y="0"    Width="34" Height="20"></Element>
                    <Element ID="TextButtonReference_Right"          X="54"   Y="0"    Width="20" Height="20"></Element>
                </Element> <!-- end QuestShareButton -->
                <Element ID="SelectedQuestDisplay"                 X="344"  Y="82"   Width="400" Height="582"></Element>
                <Element ID="SelectedQuestDisplay_SB"              X="733"  Y="82"   Width="10" Height="582">
                    <Element ID="scroll_bottom_field"                X="0"    Y="572"  Width="10" Height="10"></Element>
                    <Element ID="UpButton"                           X="0"    Y="572"  Width="10" Height="10"></Element>
                    <Element ID="DownButton"                         X="0"    Y="0"    Width="10" Height="10"></Element>
                    <Element ID="scroll_top_field"                   X="0"    Y="0"    Width="10" Height="10"></Element>
                    <Element ID="widget"                             X="0"    Y="10"   Width="10" Height="562">
                        <Element ID="widget_top_field"                 X="0"    Y="0"    Width="10" Height="10"></Element>
                        <Element ID="widget_mid_field"                 X="0"    Y="10"   Width="10" Height="542"></Element>
                        <Element ID="widget_bottom_field"              X="0"    Y="552"  Width="10" Height="10"></Element>
                    </Element> <!-- end widget -->
                    <Element ID="scroll_middle_field"                X="0"    Y="10"   Width="10" Height="562"></Element>
                </Element> <!-- end SelectedQuestDisplay_SB -->
           
                

                <Element ID="QuestFindAFellowshipButton"           X="532"  Y="742"  Width="139" Height="20">
                    <Element ID="TextButtonReference_Left"           X="0"    Y="0"    Width="20" Height="20"></Element>
                    <Element ID="TextButtonReference_Mid"            X="20"   Y="0"    Width="98" Height="20"></Element>
                    <Element ID="TextButtonReference_Right"          X="118"  Y="0"    Width="20" Height="20"></Element>
                </Element> <!-- end QuestFindAFellowshipButton -->
                <Element ID="QuestDisplay_BG"                      X="341"  Y="82"   Width="419" Height="586">
                    <Element ID="Box_01_Background"                  X="1"    Y="1"    Width="417" Height="584"></Element>
                    <Element ID="Box_01_InnerShadow"                 X="1"    Y="1"    Width="417" Height="584">
                        <Element ID="InnerShadow_TopLeft"              X="0"    Y="0"    Width="9" Height="9"></Element>
                        <Element ID="InnerShadow_MidLeft"              X="0"    Y="9"    Width="9" Height="566"></Element>
                        <Element ID="InnerShadow_BottomLeft"           X="0"    Y="575"  Width="9" Height="9"></Element>
                        <Element ID="InnerShadow_BottomMid"            X="9"    Y="575"  Width="399" Height="9"></Element>
                        <Element ID="InnerShadow_BottomRight"          X="392"  Y="575"  Width="9" Height="9"></Element>
                        <Element ID="InnerShadow_MidRight"             X="392"  Y="9"    Width="9" Height="575"></Element>
                        <Element ID="InnerShadow_TopRight"             X="392"  Y="0"    Width="9" Height="9"></Element>
                        <Element ID="InnerShadow_TopMid"               X="9"    Y="0"    Width="399" Height="9"></Element>
                    </Element> <!-- end Box_01_InnerShadow -->
                    <Element ID="Box_01_LeftBorder"                  X="0"    Y="0"    Width="1" Height="586"></Element>
                    <Element ID="Box_01_BottomBorder"                X="0"    Y="585"  Width="419" Height="1"></Element>
                    <Element ID="Box_01_RightBorder"                 X="402"  Y="0"    Width="1" Height="586"></Element>
                    <Element ID="Box_01_TopBorder"                   X="0"    Y="0"    Width="419" Height="1"></Element>
                </Element> <!-- end QuestDisplay_BG -->
            </Element> <!-- end Quest_Journal_Page -->
        </Element> <!-- end QuestPanel -->
    </PanelFile> <!-- end "ID_UISkin_QuestPanel" -->
Attached Thumbnails
Click image for larger version

Name:	ScreenShot00184.jpg
Views:	652
Size:	115.2 KB
ID:	242  Click image for larger version

Name:	ScreenShot00185.jpg
Views:	691
Size:	263.0 KB
ID:	243  
Reply With Quote