Quantcast [Help] Modifying the Enlarged Quest Panel - LoTROInterface
VGInterface.com
Search Downloads


Go Back   LoTROInterface > LotRO > General Discussion & Support > Interface Requests (L)

Reply
Thread Tools Display Modes
  #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:	244
Size:	115.2 KB
ID:	242  Click image for larger version

Name:	ScreenShot00185.jpg
Views:	276
Size:	263.0 KB
ID:	243  
Reply With Quote
  #2  
Unread 08-04-2011, 07:44 AM
D.H1cks's Avatar
D.H1cks D.H1cks is offline
The Undying
Interface Author - Click to view interfaces
 
Join Date: Apr 2007
Posts: 162
As a fix things I will make comments about why it doesn't seem to work.

Quote:
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.
These 2 are sort of related. The whole panel is the correct size. However, the background size is too small, and the width of the middle parts of the background are overlapping the right side parts. Try the following:

Code:
<Element ID="BaseBox_BG" X="0" Y="15" Width="776" Height="731">
        <Element ID="Base_Box_Silver_BottomMid" X="36" Y="695" Width="704" Height="36" />
        <Element ID="Base_Box_Silver_BottomRight" X="740" Y="695" Width="36" Height="36" />
        <Element ID="Base_Box_Silver_MidRight" X="740" Y="36" Width="36" Height="659" />
        <Element ID="Base_Box_Silver_Background" X="36" Y="36" Width="704" Height="659" />
        <Element ID="Base_Box_Silver_TopRight" X="740" Y="0" Width="36" Height="36" />
        <Element ID="Base_Box_Silver_TopLeft" X="0" Y="0" Width="36" Height="36" />
        <Element ID="Base_Box_Silver_TopMid" X="36" Y="0" Width="704" Height="36" />
        <Element ID="Base_Box_Silver_MidLeft" X="0" Y="36" Width="36" Height="659" />
        <Element ID="Base_Box_Silver_BottomLeft" X="0" Y="695" Width="36" Height="36" />
      </Element>
also change the Quest_Journal_Page element to: (fix width and height)

Code:
<Element ID="Quest_Journal_Page" X="-1"   Y="26"   Width="776" Height="718"> <!-- Original:  -->

Quote:
the buttons (cancel, add to tracker, etc) at the bottom are missing
The Y values are too high, forcing them off the bottom of the panel. Try changing the Y value of the 5 buttons to about 685:

Code:
       <Element ID="QuestHistoryButton" X="404" Y="685" Width="128" Height="20">
          <Element ID="TextButtonReference_Left" X="0" Y="0" Width="20" Height="20" />
          <Element ID="TextButtonReference_Mid" X="20" Y="0" Width="87" Height="20" />
          <Element ID="TextButtonReference_Right" X="107" Y="0" Width="20" Height="20" />
        </Element>

Quote:
the right side (quest details) portion is too narrow (single, small fellowship, fellowship image being cropped)
A few of the elements need to be modified to make this wider properly. These 2 lines:

Code:
        <Element ID="SelectedQuestDisplay" X="344" Y="82" Width="414" Height="582" />
        <Element ID="SelectedQuestDisplay_SB" X="758" Y="82" Width="10" Height="582">
And:

Code:
<Element ID="QuestDisplay_BG" X="341" Y="79" Width="426" Height="586">
          <Element ID="Box_01_Background" X="1" Y="1" Width="424" Height="584" />
          <Element ID="Box_01_InnerShadow" X="1" Y="1" Width="424" Height="584">
            <Element ID="InnerShadow_TopLeft" X="0" Y="0" Width="9" Height="9" />
            <Element ID="InnerShadow_MidLeft" X="0" Y="9" Width="9" Height="566" />
            <Element ID="InnerShadow_BottomLeft" X="0" Y="575" Width="9" Height="9" />
            <Element ID="InnerShadow_BottomMid" X="9" Y="575" Width="406" Height="9" />
            <Element ID="InnerShadow_BottomRight" X="415" Y="575" Width="9" Height="9" />
            <Element ID="InnerShadow_MidRight" X="415" Y="9" Width="9" Height="575" />
            <Element ID="InnerShadow_TopRight" X="415" Y="0" Width="9" Height="9" />
            <Element ID="InnerShadow_TopMid" X="9" Y="0" Width="406" Height="9" />
          </Element>
          <Element ID="Box_01_LeftBorder" X="0" Y="0" Width="1" Height="586" />
          <Element ID="Box_01_BottomBorder" X="0" Y="585" Width="426" Height="1" />
          <Element ID="Box_01_RightBorder" X="425" Y="0" Width="1" Height="586" />
          <Element ID="Box_01_TopBorder" X="0" Y="0" Width="426" Height="1" />
        </Element>



Quote:
the quest list vs quest details are not aligned (couple pixels difference)
The Y values for the backgrounds of the 2 elements do not match. They should both be Y="79". I have made the correct changes above.

Quote:
the scrollbar is missing bottom 'endcap' element - this might be a missing UI ID from Turbine as I cannot recall altering this.
Ok, this appears to be an issue with the 'widget' element. From what I can tell, including these sections in the skin definition will cause the scrollbar to look like that. So for the time being, remove the entire 'widget' elements and children. That should fix the problem. So your scrollbar section will look like: (do it for both scrollbars)

Code:
<Element ID="SelectedQuestDisplay_SB" X="758" Y="82" Width="10" Height="582">
          <Element ID="scroll_bottom_field" X="0" Y="572" Width="10" Height="10" />
          <Element ID="UpButton" X="0" Y="572" Width="10" Height="10" />
          <Element ID="DownButton" X="0" Y="0" Width="10" Height="10" />
          <Element ID="scroll_top_field" X="0" Y="0" Width="10" Height="10" />
          <Element ID="scroll_middle_field" X="0" Y="10" Width="10" Height="562" />
          <Element ID="scroll_middle_field" X="0" Y="10" Width="10" Height="562" />
        </Element>

Last edited by D.H1cks : 08-04-2011 at 08:49 AM.
Reply With Quote
  #3  
Unread 08-04-2011, 03:22 PM
Modnar Modnar is offline
The Unscathed
 
Join Date: May 2011
Posts: 16
Thank you very, very much! With your changes applied, everything is corrected except the remaining buttons (which is just a matter of adjusting accordingly).

Once again, thank you, I really appreciate the assistance.
Attached Thumbnails
Click image for larger version

Name:	ScreenShot00186.jpg
Views:	231
Size:	123.6 KB
ID:	244  
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Character Panel OrION Interface Help (L) 2 03-22-2011 09:26 AM
New Craft Panel Element ID The Old One General Authoring Discussion (L) 0 12-06-2010 05:35 PM
Craft Panel corhub XML modification help (L) 3 12-04-2010 10:18 PM
Modifying Quickslots Svenn XML modification help (L) 2 04-06-2010 10:44 PM
Q: panel siding Oberion General Authoring Discussion (L) 1 03-06-2007 07:07 AM


All times are GMT -5. The time now is 08:40 AM.


Our Network
EQInterface | EQ2Interface | Minion | WoWInterface | VGInterface | LoTROInterface | MMOInterface | Swtorui