Version 2.5 - http://otclient.net/showthread.php?tid=238

modules/game_outfit/outfitwindow.otui

@@ -3,160 +3,159 @@ PrevOutfitButton < PreviousButton
 NextMountButton < NextButton
 PrevMountButton < PreviousButton
 
+OutfitSelectorPanel < Panel
+  size: 125 120
+
+  UICreature
+    id: creature
+    size: 96 96
+    anchors.top: parent.top
+    anchors.horizontalCenter: parent.horizontalCenter
+    margin-top: 1
+  
+  PreviousButton  
+    id: prevButton
+    anchors.left: parent.left
+    anchors.bottom: parent.bottom
+    
+  NextButton
+    id: nextButton
+    anchors.right: parent.right
+    anchors.bottom: parent.bottom
+  
+  Label
+    id: label
+    text: Outfit name
+    text-align: center
+    anchors.left: prevButton.right
+    anchors.right: nextButton.left
+    anchors.top: prevButton.top
+    anchors.bottom: parent.bottom
+    margin-left: 2
+    margin-right: 2
+    image-source: /images/ui/panel_flat
+    image-border: 2    
+    text: -
+
 MainWindow
   !text: tr('Select Outfit')
-  size: 338 355
+  size: 540 335
 
   @onEnter: modules.game_outfit.accept()
   @onEscape: modules.game_outfit.destroy()
 
   // Creature Boxes
-  Creature
-    id: outfitCreatureBox
-    anchors.top: parent.top
+
+  Panel
+    id: line1
+    anchors.top: outfit.bottom
     anchors.left: parent.left
-    margin-top: 15
-    margin-left: 22
-    padding: 4 4 4 4
-    size: 96 96
-    fixed-creature-size: true
-    raw: true
-
-  Label
-    id: outfitName
-    !text: tr('No Outfit')
-    width: 115
-    anchors.bottom: prev.top
-    anchors.left: prev.left
-    margin-bottom: 2
-
-  NextOutfitButton
-    id: outfitNextButton
-    anchors.left: outfitCreatureBox.right
-    anchors.verticalCenter: outfitCreatureBox.verticalCenter
-    margin-left: 3
-    enabled: true
-    @onClick: modules.game_outfit.nextOutfitType()
-
-  PrevOutfitButton
-    id: outfitPrevButton
-    anchors.right: outfitCreatureBox.left
-    anchors.verticalCenter: outfitCreatureBox.verticalCenter
-    margin-right: 3
-    enabled: true
-    @onClick: modules.game_outfit.previousOutfitType()
-
-  Creature    
-    id: mountCreatureBox
-    anchors.top: parent.top
     anchors.right: parent.right
-    margin-top: 15
-    margin-right: 22
-    padding: 4 4 4 4
-    size: 96 96
-    fixed-creature-size: true
-    raw: true
-
-  Label
-    id: mountName
-    !text: tr('No Mount')
-    width: 115
-    anchors.bottom: prev.top
-    anchors.left: prev.left
-    margin-bottom: 2
-
-  NextMountButton
-    id: mountNextButton
-    anchors.left: mountCreatureBox.right
-    anchors.verticalCenter: mountCreatureBox.verticalCenter
-    margin-left: 3
-    enabled: true
-    @onClick: modules.game_outfit.nextMountType()
-
-  PrevMountButton
-    id: mountPrevButton
-    anchors.right: mountCreatureBox.left
-    anchors.verticalCenter: mountCreatureBox.verticalCenter
-    margin-right: 3
-    enabled: true
-    @onClick: modules.game_outfit.previousMountType()
-
-  // Addon Check Boxes
+    backgroud: red
+    layout:
+      type: horizontalBox
+      spacing: 3
 
+  OutfitSelectorPanel    
+    id: type
+    anchors.left: parent.left
+    anchors.top: parent.top
+    
   CheckBox
     id: addon1
-    !text: tr('Addon 1')
     width: 80
-    anchors.top: outfitCreatureBox.bottom
-    anchors.left: parent.left
-    margin-top: 6
+    anchors.top: type.bottom
+    anchors.left: type.left
+    !text: tr('Addon 1')
     margin-left: 2
+    margin-top: 5
     enabled: false
 
   CheckBox
     id: addon2
-    !text: tr('Addon 2')
     width: 80
     anchors.top: prev.top
     anchors.left: prev.right
+    !text: tr('Addon 2')
     enabled: false
 
   CheckBox
     id: addon3
-    !text: tr('Addon 3')
     width: 80
     anchors.top: prev.top
     anchors.left: prev.right
+    !text: tr('Addon 3')
     enabled: false
-
-  // Body Selection Buttons
-
+    
   ButtonBox
     id: head
     !text: tr('Head')
-    anchors.top: addon1.bottom
-    anchors.left: addon1.left
-    margin-top: 5
+    anchors.top: type.top
+    anchors.left: type.right
+    margin-left: 5
     checked: true
     width: 76
 
   ButtonBox
     id: primary
     !text: tr('Primary')
-    anchors.top: prev.top
-    anchors.left: prev.right
+    anchors.top: prev.bottom
+    anchors.left: prev.left
+    margin-top: 2
     width: 76
 
   ButtonBox
     id: secondary
     !text: tr('Secondary')
-    anchors.top: prev.top
-    anchors.left: prev.right
+    anchors.top: prev.bottom
+    anchors.left: prev.left
+    margin-top: 2
     width: 76
 
   ButtonBox
     id: detail
     !text: tr('Detail')
-    anchors.top: prev.top
-    anchors.left: prev.right
-    width: 76
+    anchors.top: prev.bottom
+    anchors.left: prev.left
+    margin-top: 2
+    width: 76    
 
-  // Color Panel
+  ButtonBox
+    id: randomizeButton
+    !text: tr('Randomize')
+    anchors.top: prev.bottom
+    !tooltip: tr('Randomize characters outfit')
+    anchors.left: prev.left
+    margin-top: 2
+    width: 76    
+    @onClick: modules.game_outfit.randomize()
 
   Panel
     id: colorBoxPanel
-    anchors.top: head.bottom
-    anchors.left: head.left
-    margin-top: 3
-    margin-right: 20
-    width: 302
-    height: 119
+    anchors.top: head.top
+    anchors.left: head.right
+    anchors.right: parent.right
+    anchors.bottom: type.bottom
+    margin-left: 5
+    margin-top: 2
     layout:
       type: grid
-      cell-size: 14 14
+      cell-size: 15 15
       cell-spacing: 2
       num-columns: 19
       num-lines: 7
+    
+  Panel
+    id: extensions
+    height: 120
+    margin-top: 5
+    anchors.top: addon1.bottom
+    anchors.horizontalCenter: parent.horizontalCenter
+    backgroud: red
+    layout:
+      type: horizontalBox
+      fit-children: true
+      spacing: 3
 
   HorizontalSeparator
     anchors.left: parent.left
@@ -165,15 +164,6 @@ MainWindow
     margin-bottom: 5
     margin-top: 5
 
-  Button
-    id: randomizeButton
-    !text: tr('Randomize')
-    !tooltip: tr('Randomize characters outfit')
-    width: 75
-    anchors.left: parent.left
-    anchors.bottom: parent.bottom
-    @onClick: modules.game_outfit.randomize()
-
   Button
     id: outfitOkButton
     !text: tr('Ok')