gengrid GUI guide 1.5 implemenatation

diff --git a/themes/images/tizen-black-hd/00_winset_thumbs_bg.png b/themes/images/tizen-black-hd/00_winset_thumbs_bg.png
new file mode 100755 (executable)
index 0000000..6226c90
Binary files /dev/null and b/themes/images/tizen-black-hd/00_winset_thumbs_bg.png differ

diff --git a/themes/images/tizen-black-hd/00_winset_thumbs_focus_bg.png b/themes/images/tizen-black-hd/00_winset_thumbs_focus_bg.png
new file mode 100755 (executable)
index 0000000..4f7d66f
Binary files /dev/null and b/themes/images/tizen-black-hd/00_winset_thumbs_focus_bg.png differ

diff --git a/themes/images/tizen-black-hd/00_winset_thumbs_loading_bg.png b/themes/images/tizen-black-hd/00_winset_thumbs_loading_bg.png
new file mode 100755 (executable)
index 0000000..0472430
Binary files /dev/null and b/themes/images/tizen-black-hd/00_winset_thumbs_loading_bg.png differ

diff --git a/themes/images/tizen-black/00_winset_thumbs_bg.png b/themes/images/tizen-black/00_winset_thumbs_bg.png
new file mode 100755 (executable)
index 0000000..6226c90
Binary files /dev/null and b/themes/images/tizen-black/00_winset_thumbs_bg.png differ

diff --git a/themes/images/tizen-black/00_winset_thumbs_focus_bg.png b/themes/images/tizen-black/00_winset_thumbs_focus_bg.png
new file mode 100755 (executable)
index 0000000..4f7d66f
Binary files /dev/null and b/themes/images/tizen-black/00_winset_thumbs_focus_bg.png differ

diff --git a/themes/images/tizen-black/00_winset_thumbs_loading_bg.png b/themes/images/tizen-black/00_winset_thumbs_loading_bg.png
new file mode 100755 (executable)
index 0000000..0472430
Binary files /dev/null and b/themes/images/tizen-black/00_winset_thumbs_loading_bg.png differ

diff --git a/themes/images/tizen-hd/00_winset_thumbs_bg.png b/themes/images/tizen-hd/00_winset_thumbs_bg.png
new file mode 100755 (executable)
index 0000000..6226c90
Binary files /dev/null and b/themes/images/tizen-hd/00_winset_thumbs_bg.png differ

diff --git a/themes/images/tizen-hd/00_winset_thumbs_focus_bg.png b/themes/images/tizen-hd/00_winset_thumbs_focus_bg.png
new file mode 100755 (executable)
index 0000000..4f7d66f
Binary files /dev/null and b/themes/images/tizen-hd/00_winset_thumbs_focus_bg.png differ

diff --git a/themes/images/tizen-hd/00_winset_thumbs_loading_bg.png b/themes/images/tizen-hd/00_winset_thumbs_loading_bg.png
new file mode 100755 (executable)
index 0000000..0472430
Binary files /dev/null and b/themes/images/tizen-hd/00_winset_thumbs_loading_bg.png differ

diff --git a/themes/images/tizen/00_winset_thumbs_bg.png b/themes/images/tizen/00_winset_thumbs_bg.png
new file mode 100755 (executable)
index 0000000..6226c90
Binary files /dev/null and b/themes/images/tizen/00_winset_thumbs_bg.png differ

diff --git a/themes/images/tizen/00_winset_thumbs_focus_bg.png b/themes/images/tizen/00_winset_thumbs_focus_bg.png
new file mode 100755 (executable)
index 0000000..4f7d66f
Binary files /dev/null and b/themes/images/tizen/00_winset_thumbs_focus_bg.png differ

diff --git a/themes/images/tizen/00_winset_thumbs_loading_bg.png b/themes/images/tizen/00_winset_thumbs_loading_bg.png
new file mode 100755 (executable)
index 0000000..0472430
Binary files /dev/null and b/themes/images/tizen/00_winset_thumbs_loading_bg.png differ

diff --git a/themes/widgets/check.edc b/themes/widgets/check.edc
index e377b3f..ae857ae 100644 (file)
--- a/themes/widgets/check.edc
+++ b/themes/widgets/check.edc
@@ -2111,9 +2111,17 @@ CHECK_STYLE_FAVORITE("favorite/extended", CHECK_STYLE_FAVORITE_EXTENDED_BG_IMAGE
             mouse_events: 0;
             scale: 1;
             description { state: "default" 0.0;
-               min: 40 40;
-               max: 40 40;
+               min: 64 64;
+               align: 1.0 0.0;
                color:  0 0 0 0;
+               rel1 {
+                  relative: 1.0 0.0;
+                  to: "bg";
+               }
+               rel2 {
+                  relative: 1.0 0.0;
+                  to: "bg";
+               }
             }
             description { state: "pressed" 0.0;
                inherit: "default" 0.0;

diff --git a/themes/widgets/gengrid.edc b/themes/widgets/gengrid.edc
index e2d669b..4ee9ea6 100644 (file)
--- a/themes/widgets/gengrid.edc
+++ b/themes/widgets/gengrid.edc
@@ -28,6 +28,10 @@
 \r
    group { name: "elm/gengrid/item/default_grid/default";\r
       data.item: "contents" "elm.swallow.icon elm.swallow.end";\r
+      images {\r
+         image : "00_winset_thumbs_bg.png" COMP;\r
+         image : "00_winset_thumbs_focus_bg.png" COMP;\r
+      }\r
       parts {\r
          part { name: "bg";\r
             type: RECT;\r
@@ -39,7 +43,7 @@
             type: RECT;\r
             scale : 1;\r
             description { state: "default" 0.0;\r
-               min: 10 24;\r
+               min: 8 18;\r
                align: 0.0 0.0;\r
                visible: 0;\r
                rel1.to: "bg";\r
@@ -53,7 +57,7 @@
             type: RECT;\r
             scale: 1;\r
             description { state: "default" 0.0;\r
-               min: 10 0;\r
+               min: 8 0;\r
                align: 1.0 1.0;\r
                visible: 0;\r
                rel1 {\r
@@ -64,9 +68,8 @@
             }\r
          }\r
          part { name: "item_bg";\r
-            type: RECT;\r
+            type: IMAGE;\r
             description { state: "default" 0.0;\r
-               color: GENGRID_PART_ITEM_BG_COLOR_INC;\r
                rel1 {\r
                   relative: 1.0 1.0;\r
                   to: "left_top_padding";\r
@@ -75,12 +78,14 @@
                   relative: 0.0 0.0;\r
                   to: "right_bottom_padding";\r
                }\r
+               image.normal: "00_winset_thumbs_bg.png";\r
             }\r
          }\r
          part { name: "item_bg_left_top_padding";\r
             type: RECT;\r
+            scale : 1;\r
             description { state: "default" 0.0;\r
-               min: 1 1;\r
+               min: 2 0;\r
                align: 0.0 0.0;\r
                visible: 0;\r
                rel1.to: "item_bg";\r
@@ -92,8 +97,9 @@
          }\r
          part { name: "item_bg_right_bottom_padding";\r
             type: RECT;\r
+            scale : 1;\r
             description { state: "default" 0.0;\r
-               min: 1 1;\r
+               min: 2 6;\r
                align: 1.0 1.0;\r
                visible: 0;\r
                rel1 {\r
@@ -103,9 +109,10 @@
                rel2.to: "item_bg";\r
             }\r
          }\r
-         part { name: "elm.swallow.icon";\r
-            type: SWALLOW;\r
+         part { name: "item_real_bg";\r
+            type: RECT;\r
             description { state: "default" 0.0;\r
+               color: 190 189 189 255;\r
                rel1 {\r
                   relative: 1.0 1.0;\r
                   to: "item_bg_left_top_padding";\r
@@ -116,6 +123,47 @@
                }\r
             }\r
          }\r
+         part { name: "item_real_bg_left_top_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 2;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "item_real_bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_real_bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "item_real_bg_right_bottom_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 2;\r
+               align: 1.0 1.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_real_bg";\r
+               }\r
+               rel2.to: "item_real_bg";\r
+            }\r
+         }\r
+         part { name: "elm.swallow.icon";\r
+            type: SWALLOW;\r
+            description { state: "default" 0.0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_real_bg_left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_real_bg_right_bottom_padding";\r
+               }\r
+            }\r
+         }\r
          part { name: "elm.swallow.end";\r
             type: SWALLOW;\r
             description { state: "default" 0.0;\r
@@ -125,33 +173,95 @@
          }\r
          part { name: "reorder_bg";\r
             type: RECT;\r
+            repeat_events: 1;\r
             description { state: "default" 0.0;\r
                color: GENGRID_PART_BG_COLOR_INC;\r
-               visible: 0;\r
                rel1.to: "item_bg";\r
                rel2.to: "item_bg";\r
             }\r
             description { state: "enabled" 0.0;\r
                inherit: "default" 0.0;\r
                color: GENGRID_PART_REORDER_BG_COLOR_INC;\r
+            }\r
+         }\r
+         part { name: "focus_bg_left_top_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 8 16;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "focus_bg_right_bottom_padding";\r
+            type: RECT;\r
+            scale: 1;\r
+            description { state: "default" 0.0;\r
+               min: 8 4;\r
+               align: 1.0 1.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "bg";\r
+               }\r
+               rel2.to: "bg";\r
+            }\r
+         }\r
+         part { name: "focus_bg";\r
+            type: IMAGE;\r
+            description { state: "default" 0.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "focus_bg_left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "focus_bg_right_bottom_padding";\r
+               }\r
+               image.normal: "00_winset_thumbs_focus_bg.png";\r
+            }\r
+            description { state: "enabled" 0.0;\r
+               inherit: "default" 0.0;\r
                visible: 1;\r
             }\r
          }\r
       }\r
       programs {\r
+         program { name: "go_mouse_down";\r
+            signal: "mouse,down,1";\r
+            source: "reorder_bg";\r
+            action: STATE_SET "enabled" 0.0;\r
+            target: "focus_bg";\r
+            transition: ACCELERATE 0.2;\r
+         }\r
+         program { name: "go_mouse_up";\r
+            signal: "mouse,up,1";\r
+            source: "reorder_bg";\r
+            action: STATE_SET "default" 0.0;\r
+            target: "focus_bg";\r
+            transition: DECELERATE 0.2;\r
+         }\r
          program { name: "go_reorder_disabled";\r
             signal: "elm,state,reorder,disabled";\r
             source: "elm";\r
             action: STATE_SET "default" 0.0;\r
             target: "reorder_bg";\r
+            target: "focus_bg";\r
             transition: ACCELERATE 0.3;\r
          }\r
-         program { name:    "go_reorder_enabled";\r
-            signal:  "elm,state,reorder,enabled";\r
-            source:  "elm";\r
-            action:  STATE_SET "enabled" 0.0;\r
-            target:  "reorder_bg";\r
-            transition: ACCELERATE 0.3;\r
+         program { name: "go_reorder_enabled";\r
+            signal: "elm,state,reorder,enabled";\r
+            source: "elm";\r
+            action: STATE_SET "enabled" 0.0;\r
+            target: "reorder_bg";\r
+            target: "focus_bg";\r
+            transition: DECELERATE 0.3;\r
          }\r
       }\r
    }\r
@@ -159,6 +269,10 @@
    group { name: "elm/gengrid/item/default_gridtext/default";\r
       data.item: "texts" "elm.text";\r
       data.item: "contents" "elm.swallow.icon elm.swallow.end";\r
+      images {\r
+         image : "00_winset_thumbs_bg.png" COMP;\r
+         image : "00_winset_thumbs_focus_bg.png" COMP;\r
+      }\r
       parts {\r
          part { name: "bg";\r
             type: RECT;\r
@@ -170,7 +284,7 @@
             type: RECT;\r
             scale : 1;\r
             description { state: "default" 0.0;\r
-               min: 10 14;\r
+               min: 8 18;\r
                align: 0.0 0.0;\r
                visible: 0;\r
                rel1.to: "bg";\r
@@ -184,7 +298,7 @@
             type: RECT;\r
             scale: 1;\r
             description { state: "default" 0.0;\r
-               min: 10 74;\r
+               min: 8 72;\r
                align: 1.0 1.0;\r
                visible: 0;\r
                rel1 {\r
@@ -194,8 +308,29 @@
                rel2.to: "bg";\r
             }\r
          }\r
-         part { name: "elm.swallow.icon";\r
-            type: SWALLOW;\r
+         part { name: "elm.text";\r
+            type: TEXTBLOCK;\r
+            mouse_events: 0;\r
+            scale: 1;\r
+            description { state: "default" 0.0;\r
+               rel1 {\r
+                  relative: 1.0 0.0;\r
+                  to_x: "left_top_padding";\r
+                  to_y: "right_bottom_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 1.0;\r
+                  to: "right_bottom_padding";\r
+               }\r
+               text {\r
+                  style: "gengrid_textblock_style";\r
+                  min: 0 1;\r
+                  align: 0.5 0.0;\r
+               }\r
+            }\r
+         }\r
+         part { name: "item_bg";\r
+            type: IMAGE;\r
             description { state: "default" 0.0;\r
                rel1 {\r
                   relative: 1.0 1.0;\r
@@ -205,6 +340,90 @@
                   relative: 0.0 0.0;\r
                   to: "right_bottom_padding";\r
                }\r
+               image.normal: "00_winset_thumbs_bg.png";\r
+            }\r
+         }\r
+         part { name: "item_bg_left_top_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 0;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "item_bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "item_bg_right_bottom_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 6;\r
+               align: 1.0 1.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_bg";\r
+               }\r
+               rel2.to: "item_bg";\r
+            }\r
+         }\r
+         part { name: "item_real_bg";\r
+            type: RECT;\r
+            description { state: "default" 0.0;\r
+               color: 190 189 189 255;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_bg_left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_bg_right_bottom_padding";\r
+               }\r
+            }\r
+         }\r
+         part { name: "item_real_bg_left_top_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 2;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "item_real_bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_real_bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "item_real_bg_right_bottom_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 2;\r
+               align: 1.0 1.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_real_bg";\r
+               }\r
+               rel2.to: "item_real_bg";\r
+            }\r
+         }\r
+         part { name: "elm.swallow.icon";\r
+            type: SWALLOW;\r
+            description { state: "default" 0.0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_real_bg_left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_real_bg_right_bottom_padding";\r
+               }\r
             }\r
          }\r
          part { name: "elm.swallow.end";\r
@@ -214,6 +433,143 @@
                rel2.to: "elm.swallow.icon";\r
             }\r
          }\r
+         part { name: "reorder_bg";\r
+            type: RECT;\r
+            repeat_events: 1;\r
+            description { state: "default" 0.0;\r
+               color: GENGRID_PART_BG_COLOR_INC;\r
+               rel1.to: "item_bg";\r
+               rel2.to: "item_bg";\r
+            }\r
+            description { state: "enabled" 0.0;\r
+               inherit: "default" 0.0;\r
+               color: GENGRID_PART_REORDER_BG_COLOR_INC;\r
+            }\r
+         }\r
+         part { name: "focus_bg_left_top_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 8 16;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "focus_bg_right_bottom_padding";\r
+            type: RECT;\r
+            scale: 1;\r
+            description { state: "default" 0.0;\r
+               min: 8 76;\r
+               align: 1.0 1.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "bg";\r
+               }\r
+               rel2.to: "bg";\r
+            }\r
+         }\r
+         part { name: "focus_bg";\r
+            type: IMAGE;\r
+            description { state: "default" 0.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "focus_bg_left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "focus_bg_right_bottom_padding";\r
+               }\r
+               image.normal: "00_winset_thumbs_focus_bg.png";\r
+            }\r
+            description { state: "enabled" 0.0;\r
+               inherit: "default" 0.0;\r
+               visible: 1;\r
+            }\r
+         }\r
+      }\r
+      programs {\r
+         program { name: "go_mouse_down";\r
+            signal: "mouse,down,1";\r
+            source: "reorder_bg";\r
+            action: STATE_SET "enabled" 0.0;\r
+            target: "focus_bg";\r
+            transition: ACCELERATE 0.2;\r
+         }\r
+         program { name: "go_mouse_up";\r
+            signal: "mouse,up,1";\r
+            source: "reorder_bg";\r
+            action: STATE_SET "default" 0.0;\r
+            target: "focus_bg";\r
+            transition: DECELERATE 0.2;\r
+         }\r
+         program { name: "go_reorder_disabled";\r
+            signal: "elm,state,reorder,disabled";\r
+            source: "elm";\r
+            action: STATE_SET "default" 0.0;\r
+            target: "reorder_bg";\r
+            target: "focus_bg";\r
+            transition: ACCELERATE 0.3;\r
+         }\r
+         program { name: "go_reorder_enabled";\r
+            signal: "elm,state,reorder,enabled";\r
+            source: "elm";\r
+            action: STATE_SET "enabled" 0.0;\r
+            target: "reorder_bg";\r
+            target: "focus_bg";\r
+            transition: DECELERATE 0.3;\r
+         }\r
+      }\r
+   }\r
+\r
+   group { name: "elm/gengrid/item/default_gridtext2/default";\r
+      data.item: "texts" "elm.text";\r
+      data.item: "contents" "elm.swallow.icon elm.swallow.end";\r
+      images {\r
+         image : "00_winset_thumbs_bg.png" COMP;\r
+         image : "00_winset_thumbs_focus_bg.png" COMP;\r
+      }\r
+      parts {\r
+         part { name: "bg";\r
+            type: RECT;\r
+            description { state: "default" 0.0;\r
+               color: GENGRID_PART_BG_COLOR_INC;\r
+            }\r
+         }\r
+         part { name: "left_top_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 8 74;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "right_bottom_padding";\r
+            type: RECT;\r
+            scale: 1;\r
+            description { state: "default" 0.0;\r
+               min: 8 0;\r
+               align: 1.0 1.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "bg";\r
+               }\r
+               rel2.to: "bg";\r
+            }\r
+         }\r
          part { name: "elm.text";\r
             type: TEXTBLOCK;\r
             mouse_events: 0;\r
@@ -221,49 +577,215 @@
             description { state: "default" 0.0;\r
                rel1 {\r
                   relative: 1.0 0.0;\r
-                  to_x: "left_top_padding";\r
-                  to_y: "right_bottom_padding";\r
+                  to: "left_top_padding";\r
                }\r
                rel2 {\r
                   relative: 0.0 1.0;\r
-                  to: "right_bottom_padding";\r
+                  to_x: "right_bottom_padding";\r
+                  to_y: "left_top_padding";\r
                }\r
                text {\r
                   style: "gengrid_textblock_style";\r
                   min: 0 1;\r
-                  align: 0.5 0.5;\r
+                  align: 0.5 1.0;\r
                }\r
             }\r
          }\r
-         part { name: "reorder_bg";\r
+         part { name: "item_bg";\r
+            type: IMAGE;\r
+            description { state: "default" 0.0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "right_bottom_padding";\r
+               }\r
+               image.normal: "00_winset_thumbs_bg.png";\r
+            }\r
+         }\r
+         part { name: "item_bg_left_top_padding";\r
             type: RECT;\r
+            scale : 1;\r
             description { state: "default" 0.0;\r
-               color: GENGRID_PART_BG_COLOR_INC;\r
+               min: 2 0;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "item_bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "item_bg_right_bottom_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 6;\r
+               align: 1.0 1.0;\r
                visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_bg";\r
+               }\r
+               rel2.to: "item_bg";\r
+            }\r
+         }\r
+         part { name: "item_real_bg";\r
+            type: RECT;\r
+            description { state: "default" 0.0;\r
+               color: 190 189 189 255;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_bg_left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_bg_right_bottom_padding";\r
+               }\r
+            }\r
+         }\r
+         part { name: "item_real_bg_left_top_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 2;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "item_real_bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_real_bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "item_real_bg_right_bottom_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 2 2;\r
+               align: 1.0 1.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_real_bg";\r
+               }\r
+               rel2.to: "item_real_bg";\r
+            }\r
+         }\r
+         part { name: "elm.swallow.icon";\r
+            type: SWALLOW;\r
+            description { state: "default" 0.0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "item_real_bg_left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "item_real_bg_right_bottom_padding";\r
+               }\r
+            }\r
+         }\r
+         part { name: "elm.swallow.end";\r
+            type: SWALLOW;\r
+            description { state: "default" 0.0;\r
                rel1.to: "elm.swallow.icon";\r
                rel2.to: "elm.swallow.icon";\r
             }\r
+         }\r
+         part { name: "reorder_bg";\r
+            type: RECT;\r
+            repeat_events: 1;\r
+            description { state: "default" 0.0;\r
+               color: GENGRID_PART_BG_COLOR_INC;\r
+               rel1.to: "item_bg";\r
+               rel2.to: "item_bg";\r
+            }\r
             description { state: "enabled" 0.0;\r
                inherit: "default" 0.0;\r
                color: GENGRID_PART_REORDER_BG_COLOR_INC;\r
+            }\r
+         }\r
+         part { name: "focus_bg_left_top_padding";\r
+            type: RECT;\r
+            scale : 1;\r
+            description { state: "default" 0.0;\r
+               min: 8 72;\r
+               align: 0.0 0.0;\r
+               visible: 0;\r
+               rel1.to: "bg";\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "bg";\r
+               }\r
+            }\r
+         }\r
+         part { name: "focus_bg_right_bottom_padding";\r
+            type: RECT;\r
+            scale: 1;\r
+            description { state: "default" 0.0;\r
+               min: 8 4;\r
+               align: 1.0 1.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "bg";\r
+               }\r
+               rel2.to: "bg";\r
+            }\r
+         }\r
+         part { name: "focus_bg";\r
+            type: IMAGE;\r
+            description { state: "default" 0.0;\r
+               visible: 0;\r
+               rel1 {\r
+                  relative: 1.0 1.0;\r
+                  to: "focus_bg_left_top_padding";\r
+               }\r
+               rel2 {\r
+                  relative: 0.0 0.0;\r
+                  to: "focus_bg_right_bottom_padding";\r
+               }\r
+               image.normal: "00_winset_thumbs_focus_bg.png";\r
+            }\r
+            description { state: "enabled" 0.0;\r
+               inherit: "default" 0.0;\r
                visible: 1;\r
             }\r
          }\r
       }\r
       programs {\r
+         program { name: "go_mouse_down";\r
+            signal: "mouse,down,1";\r
+            source: "reorder_bg";\r
+            action: STATE_SET "enabled" 0.0;\r
+            target: "focus_bg";\r
+            transition: ACCELERATE 0.2;\r
+         }\r
+         program { name: "go_mouse_up";\r
+            signal: "mouse,up,1";\r
+            source: "reorder_bg";\r
+            action: STATE_SET "default" 0.0;\r
+            target: "focus_bg";\r
+            transition: DECELERATE 0.2;\r
+         }\r
          program { name: "go_reorder_disabled";\r
             signal: "elm,state,reorder,disabled";\r
             source: "elm";\r
             action: STATE_SET "default" 0.0;\r
             target: "reorder_bg";\r
+            target: "focus_bg";\r
             transition: ACCELERATE 0.3;\r
          }\r
-         program { name:    "go_reorder_enabled";\r
-            signal:  "elm,state,reorder,enabled";\r
-            source:  "elm";\r
-            action:  STATE_SET "enabled" 0.0;\r
-            target:  "reorder_bg";\r
-            transition: ACCELERATE 0.3;\r
+         program { name: "go_reorder_enabled";\r
+            signal: "elm,state,reorder,enabled";\r
+            source: "elm";\r
+            action: STATE_SET "enabled" 0.0;\r
+            target: "reorder_bg";\r
+            target: "focus_bg";\r
+            transition: DECELERATE 0.3;\r
          }\r
       }\r
    }\r