elementary/popup - [E-devel] [Patch][elementary] elc_popup, focus next hook implement...
[framework/uifw/elementary.git] / data / themes / widgets / popup.edc
1 #define POPUP_ITEM_STATE_ENABLED  0
2 #define POPUP_ITEM_STATE_DISABLED 1
3
4 /*popup widget specific notify style style*/
5 group { name: "elm/notify/block_events/popup";
6    parts {
7       part { name: "block_events";
8          type: RECT;
9          description { state: "default" 0.0;
10             color: 61 59 56 180;
11          }
12       }
13    }
14    programs {
15       program { name: "block_clicked";
16          signal: "mouse,clicked,1";
17          source: "block_events";
18          action: SIGNAL_EMIT "elm,action,click" "elm";
19       }
20    }
21 }
22
23 group { name: "elm/label/base/popup/default";
24    styles
25      {
26         style { name: "popup_desc_style";
27            base: "font=Sans font_size=10 align=center color=#000000 text_class=label";
28            tag:  "br" "\n";
29            tag:  "ps" "ps";
30            tag:  "whitecolor" "+ color=#ffffff";
31            tag:  "tab" "\t";
32         }
33      }
34    parts {
35       part { name: "left_top_padding";
36          type: RECT;
37          scale: 1;
38          description { state: "default" 0.0;
39             fixed: 1 1;
40             visible: 0;
41             align: 0.0 0.0;
42             min: 10 0;
43             rel2.relative: 0 0;
44          }
45       }
46       part { name: "right_bottom_padding";
47          type: RECT;
48          scale: 1;
49          description { state: "default" 0.0;
50             fixed: 1 1;
51             visible: 0;
52             align: 1.0 1.0;
53             min: 10 0;
54             rel1.relative: 1 1;
55          }
56       }
57       part { name: "elm.text";
58          type: TEXTBLOCK;
59          mouse_events: 0;
60          scale: 1;
61          description { state: "default" 0.0;
62             min: 380 0;
63             text {
64                style: "popup_desc_style";
65                min: 0 1;
66                max: 0 1;
67             }
68             rel1 {
69                relative: 1.0 1.0;
70                to: left_top_padding;
71             }
72             rel2 {
73                relative: 0.0 0.0;
74                to: right_bottom_padding;
75             }
76          }
77       }
78    }
79 }
80
81 group { name: "elm/popup/base/default";
82    styles {
83       style { name: "popup_title_style";
84          base: "font=Sans font_size=15 align=center color=#ffffff wrap=mixed ellipsis=1.0";
85          tag:  "br" "\n";
86          tag:  "tab" "\t";
87       }
88    }
89    parts {
90       part { name: "base";
91          type: RECT;
92          scale : 1;
93          description { state: "default" 0.0;
94             min: 400 0;
95             color: 237 237 237 255;
96             align: 0.0 0.0;
97          }
98       }
99       part { name: "elm.bg.title";
100          type: RECT;
101          scale : 1;
102          description { state: "default" 0.0;
103             min: 400 50;
104             fixed : 1 1;
105             align: 0.5 0.0;
106             visible: 0;
107             color: 172 172 172 255;
108             rel1 {
109                relative: 0.5 0.0;
110                to: "base";
111             }
112             rel2 {
113                relative: 0.5 0.0;
114                to: "base";
115             }
116          }
117          description { state: "visible" 0.0;
118             inherit: "default" 0.0;
119             visible: 1;
120          }
121       }
122       part { name: "left_pad";
123          type: RECT;
124          scale: 1;
125          description { state: "default" 0.0;
126             min: 10 0;
127             max: 10 0;
128             fixed: 1 1;
129             align: 0.0 0.0;
130             visible: 0;
131             rel1.to: "elm.bg.title";
132          }
133       }
134       part { name: "right_pad";
135          type: RECT;
136          scale: 1;
137          description { state: "default" 0.0;
138             min: 10 0;
139             max: 10 0;
140             fixed: 1 1;
141             align: 1.0 1.0;
142             visible: 0;
143             rel2.to: "elm.bg.title";
144          }
145       }
146       part { name: "elm.swallow.title.icon";
147          type: SWALLOW;
148          scale: 1;
149          description { state: "default" 0.0;
150             min: 48 48;
151             max: 48 48;
152             fixed: 1 1;
153             align: 0.0 0.5;
154             rel1 {
155                to: "left_pad";
156                relative: 1.0 0.0;
157             }
158             rel2 {
159                to: "right_pad";
160                relative: 0.0 1.0;
161             }
162             visible: 0;
163          }
164          description { state: "visible" 0.0;
165             inherit: "default" 0.0;
166             visible: 1;
167          }
168       }
169       part { name: "elm.text.title";
170          type: TEXTBLOCK;
171          scale:1;
172          description { state: "default" 0.0;
173             text {
174               style: "popup_title_style";
175               min: 0 0;
176               max: 0 1;
177             }
178             color: 255 255 255 255;
179             visible:0;
180             rel1 {
181                relative: 1.0 0.0;
182                to: "left_pad";
183             }
184             rel2 {
185                relative: 0.0 1.0;
186                to: "right_pad";
187             }
188          }
189          description { state: "visible" 0.0;
190             inherit: "default" 0.0;
191             visible: 1;
192          }
193       }
194       part { name: "elm.swallow.content";
195          type: SWALLOW;
196          scale : 1;
197          description { state: "default" 0.0;
198             min: 400 0;
199             fixed: 1 0;
200             rel1 {
201                relative: 0.5 0.0;
202                to: "base";
203             }
204             rel2 {
205                relative: 0.5 1.0;
206                to: "base";
207             }
208          }
209          description { state: "show_title_area" 0.0;
210             inherit: "default" 0.0;
211             rel1 {
212                relative: 0.5 1.0;
213                to: "elm.bg.title";
214             }
215          }
216          description { state: "show_action_area" 0.0;
217             inherit: "default" 0.0;
218             rel2 {
219                relative: 0.5 0.0;
220                to: "elm.bg.action_area";
221             }
222          }
223          description { state: "show_action_title_area" 0.0;
224             inherit: "default" 0.0;
225             rel1 {
226                relative: 0.5 1.0;
227                to: "elm.bg.title";
228             }
229             rel2 {
230                relative: 0.5 0.0;
231                to: "elm.bg.action_area";
232             }
233          }
234       }
235       part { name: "elm.bg.action_area";
236          type: RECT;
237          scale : 1;
238          description { state: "default" 0.0;
239             min: 400 60;
240             fixed : 1 1;
241             align: 0.5 1.0;
242             visible: 0;
243             color: 183 183 183 255;
244             rel1 {
245                relative: 0.0 1.0;
246                to: "base";
247             }
248             rel2.to: "base";
249          }
250          description { state: "visible" 0.0;
251             inherit: "default" 0.0;
252             visible: 1;
253          }
254       }
255       part { name: "elm.swallow.action_area";
256          type: SWALLOW;
257          scale : 1;
258          description { state: "default" 0.0;
259             align: 0.0 0.0;
260             rel1.to: "elm.bg.action_area";
261             rel2.to: "elm.bg.action_area";
262          }
263       }
264    }
265    programs {
266       program { name: show_title_icon;
267          signal: "elm,state,title,icon,visible";
268          source: "elm";
269          action: STATE_SET "visible" 0.0;
270          target: "elm.swallow.title.icon";
271       }
272       program { name: hide_title_icon;
273          signal: "elm,state,title,icon,hidden";
274          source: "elm";
275          action: STATE_SET "default" 0.0;
276          target: "elm.swallow.title.icon";
277       }
278       program { name: show_title_text;
279          signal: "elm,state,title,text,visible";
280          source: "elm";
281          action: STATE_SET "visible" 0.0;
282          target: "elm.text.title";
283       }
284       program { name: hide_title_text;
285          signal: "elm,state,title,text,hidden";
286          source: "elm";
287          action: STATE_SET "default" 0.0;
288          target: "elm.text.title";
289       }
290       program { name: show_title_area;
291          signal: "elm,state,title_area,visible";
292          source: "elm";
293          script {
294             new st[31];
295             new Float:vl;
296             get_state(PART:"elm.swallow.action_area", st, 30, vl);
297             if (!strcmp(st, "visible"))
298               set_state(PART:"elm.swallow.content", "show_action_title_area", 0.0);
299             else
300               set_state(PART:"elm.swallow.content", "show_title_area", 0.0);
301             set_state(PART:"elm.bg.title", "visible", 0.0);
302          }
303       }
304       program { name: hide_title_area;
305          signal: "elm,state,title_area,hidden";
306          source: "elm";
307          action: STATE_SET "default" 0.0;
308          script {
309             new st[31];
310             new Float:vl;
311             get_state(PART:"elm.swallow.action_area", st, 30, vl);
312             if (!strcmp(st, "visible"))
313               set_state(PART:"elm.swallow.content", "show_action_area", 0.0);
314             else
315               set_state(PART:"elm.swallow.content", "default", 0.0);
316             set_state(PART:"elm.bg.title", "default", 0.0);
317          }
318       }
319       program { name: show_action_area;
320          signal: "elm,state,action_area,visible";
321          source: "elm";
322          script {
323             new st[31];
324             new Float:vl;
325             get_state(PART:"elm.bg.title", st, 30, vl);
326             if (!strcmp(st, "visible"))
327               set_state(PART:"elm.swallow.content", "show_action_title_area", 0.0);
328             else
329               set_state(PART:"elm.swallow.content", "show_action_area", 0.0);
330             set_state(PART:"elm.bg.action_area", "visible", 0.0);
331          }
332       }
333       program { name: hide_action_area;
334          signal: "elm,state,action_area,hidden";
335          source: "elm";
336          action: STATE_SET "default" 0.0;
337          script {
338             new st[31];
339             new Float:vl;
340             get_state(PART:"elm.bg.title", st, 30, vl);
341             if (!strcmp(st, "visible"))
342               set_state(PART:"elm.swallow.content", "show_title_area", 0.0);
343             else
344               set_state(PART:"elm.swallow.content", "default", 0.0);
345             set_state(PART:"elm.bg.action_area", "default", 0.0);
346          }
347       }
348    } /* end of programs */
349 }
350
351 group { name: "elm/popup/content/default";
352    parts{
353       part { name: "pad_t";
354          type: RECT;
355          scale : 1;
356          mouse_events: 0;
357          description { state: "default" 0.0;
358             align: 0.5 0.0;
359             min: 0 14;
360             fixed: 0 1;
361             visible: 0;
362             rel1 {
363                relative: 1.0 0.0;
364                to_x: "pad_l";
365             }
366             rel2 {
367                relative: 0.0 0.0;
368                to_x: "pad_r";
369             }
370          }
371       }
372       part { name: "pad_l";
373          type: RECT;
374          scale: 1;
375          description { state: "default" 0.0;
376             min : 10 0;
377             fixed: 1 0;
378             rel2.relative: 0.0 1.0;
379             visible: 0;
380             align: 0.0 0.0;
381          }
382       }
383       part { name: "pad_r";
384          type: RECT;
385          scale: 1;
386          description { state: "default" 0.0;
387             min : 10 0;
388             fixed: 1 0;
389             rel1.relative: 1.0 0.0;
390             visible: 0;
391             align: 1.0 0.0;
392          }
393       }
394       part{ name:"elm.swallow.content";
395          type: SWALLOW;
396          scale : 1;
397          description { state: "default" 0.0;
398             min: 380 0;
399             fixed: 1 0;
400             rel1 {
401                relative: 0.5 1.0;
402                to: "pad_t";
403             }
404             rel2 {
405                relative: 0.5 0.0;
406                to: "pad_b";
407             }
408          }
409       }
410       part { name: "pad_b";
411          type: RECT;
412          scale : 1;
413          mouse_events: 0;
414          description { state: "default" 0.0;
415             align: 0.5 1.0;
416             min: 0 14;
417             fixed: 0 1;
418             visible: 0;
419             rel1 {
420                relative: 0.0 1.0;
421                to_x: "pad_l";
422             }
423             rel2.to_x: "pad_r";
424          }
425       }
426    }
427 }
428
429    group { name: "elm/popup/item/default";
430       script {
431          public item_state = POPUP_ITEM_STATE_ENABLED;
432       }
433       parts {
434          part { name: "event_blocker";
435             description { state: "default" 0.0;
436             }
437          }
438          part { name: "bg";
439             mouse_events: 0;
440             type: RECT;
441             description { state: "default" 0.0;
442                color: 240 240 240 255;
443                min: 0 71;
444                align: 0.5 0.0;
445             }
446             description { state: "clicked" 0.0;
447                color: 190 170 150 255;
448             }
449          }
450          part { name: "padding_left_top";
451             type: RECT;
452             scale: 1;
453             mouse_events: 0;
454             description { state: "default" 0.0;
455                align: 0.0 0.0;
456                rel2.relative: 0.0 0.0;
457                min: 10 10;
458                fixed: 1 1;
459                visible: 0;
460             }
461          }
462          part { name: "padding_right_bottom";
463             type: RECT;
464             scale: 1;
465             mouse_events: 0;
466             description { state: "default" 0.0;
467                align: 1.0 1.0;
468                rel1.relative: 1.0 1.0;
469                min: 10 10;
470                fixed: 1 1;
471                visible: 0;
472             }
473          }
474          part { name: "separator";
475             mouse_events: 0;
476             type: RECT;
477             scale: 1;
478             description { state: "dafault" 0.0;
479                color: 180 180 180 255;
480                align: 0.5 1.0;
481                min: 0 1;
482                max: 999999 1;
483             }
484          }
485          part { name: "padding_icon_text";
486             type: RECT;
487             scale: 1;
488             mouse_events: 0;
489             description { state: "default" 0.0; //when only icon or no icon is there
490                align: 0.0 0.0;
491                rel1 {
492                   relative: 1.0 0.0;
493                   to: "elm.swallow.content";
494                }
495                rel2.to: "elm.swallow.content";
496                fixed: 1 0;
497                min: 0 0;
498                visible: 0;
499             }
500             description { state: "visible" 0.0; //when icon is visible
501                inherit: "default" 0.0;
502                min: 10 0;
503             }
504             description { state: "icononly" 0.0;
505                inherit: "default" 0.0;
506             }
507          }
508          part { name: "elm.swallow.content";
509             type: SWALLOW;
510             scale: 1;
511             description { state: "default" 0.0;
512                visible: 0;
513                align: 0.0 0.5;
514                rel1 {
515                   relative: 1.0 1.0;
516                   to: "padding_left_top";
517                }
518                rel2 {
519                   relative: 1.0 0.0;
520                   to_x: "padding_left_top";
521                   to_y: "padding_right_bottom";
522                }
523                fixed: 1 0;
524             }
525             description { state: "visible" 0.0;
526                fixed: 1 0;
527                min: 40 40;
528                max: 40 40;
529                align: 0.0 0.5;
530                rel1 {
531                   relative: 1.0 1.0;
532                   to: "padding_left_top";
533                }
534                rel2 {
535                   relative: 1.0 0.0;
536                   to_x: "padding_left_top";
537                   to_y: "padding_right_bottom";
538                }
539                aspect: 1.0 1.0;
540                aspect_preference: VERTICAL;
541             }
542             description { state: "icononly" 0.0;
543                min: 40 40;
544                max: 40 40;
545                rel1 {
546                   relative: 1.0 1.0;
547                   to: "padding_left_top";
548                }
549                rel2 {
550                   relative: 0.0 0.0;
551                   to: "padding_right_bottom";
552                }
553                aspect: 1.0 1.0;
554                aspect_preference: VERTICAL;
555             }
556          }
557          part { name: "elm.text";
558             type: TEXT;
559             mouse_events: 0;
560             scale: 1;
561             description { state: "default" 0.0;
562                visible: 0;
563                rel1 {
564                   relative: 1.0 1.0;
565                   to_x: "padding_icon_text";
566                   to_y: "padding_left_top";
567                }
568                rel2 {
569                   relative: 0.0 0.0;
570                   to:"padding_right_bottom";
571                }
572                align: 0.0 0.5;
573                color: 0 0 0 255;
574                text {
575                   font: "Sans:style=Bold";
576                   size: 20;
577                   min:  0 0;
578                   align: 0.0 0.5;
579                }
580             }
581             description { state: "visible" 0.0;
582                inherit: "default" 0.0;
583                visible: 1;
584                min: 90 40;
585             }
586             description { state: "clicked" 0.0;
587                inherit: "default" 0.0;
588                visible: 1;
589                min: 0 0;
590                color: 255 255 255 255;
591             }
592             description { state: "disabled" 0.0;
593                inherit: "default" 0.0;
594                color: 128 128 128 255;
595             }
596             description { state: "disabled_visible" 0.0;
597                inherit: "default" 0.0;
598                color: 128 128 128 255;
599                visible: 1;
600                min: 90 40;
601             }
602          }
603          part { name: "over1";
604             repeat_events: 1;
605             ignore_flags: ON_HOLD;
606             description { state: "default" 0.0;
607             }
608          }
609          part { name: "over2";
610             repeat_events: 1;
611             description { state: "default" 0.0;
612             }
613          }
614          part { name: "disclip";
615             type: RECT;
616             description { state: "default" 0.0;
617                visible: 0;
618             }
619             description { state: "disabled" 0.0;
620                color: 87 87 87 128;
621             }
622          }
623       }
624       programs {
625          program { name: "item_unclick";
626             signal: "mouse,up,1";
627             source: "over1";
628             action: SIGNAL_EMIT "elm,action,click" "";
629          }
630          program { name: "disable";
631             signal: "elm,state,item,disabled";
632             source: "elm";
633             action: STATE_SET "disabled" 0.0;
634             target: "disclip";
635             after: "disable_text";
636          }
637          program { name: "enable";
638             signal: "elm,state,item,enabled";
639             source: "elm";
640             action: STATE_SET "default" 0.0;
641             target: "disclip";
642             after: "enable_text";
643          }
644          program { name: "item_click2";
645             signal: "mouse,down,1";
646             source: "over2";
647             script {
648                new st[31];
649                new Float:vl;
650                get_state(PART:"elm.text", st, 30, vl);
651                if (!strcmp(st, "visible"))
652                  set_state(PART:"elm.text", "clicked", 0.0);
653                set_state(PART:"bg", "clicked", 0.0);
654             }
655          }
656          program { name: "item_unclick2";
657             signal: "mouse,up,1";
658             source: "over2";
659             script {
660                new st[31];
661                new Float:vl;
662                get_state(PART:"elm.text", st, 30, vl);
663                if (!strcmp(st, "clicked"))
664                  set_state(PART:"elm.text", "visible", 0.0);
665                set_state(PART:"bg", "default", 0.0);
666             }
667          }
668          program { name: "disable_text";
669             script {
670                new st[31];
671                new Float:vl;
672                get_state(PART:"elm.text", st, 30, vl);
673                if (!strcmp(st, "visible"))
674                  set_state(PART:"elm.text", "disabled_visible", 0.0);
675                else
676                  set_state(PART:"elm.text", "disabled", 0.0);
677                set_int(item_state, POPUP_ITEM_STATE_DISABLED);
678             }
679          }
680          program { name: "enable_text";
681             script {
682                new st[31];
683                new Float:vl;
684                get_state(PART:"elm.text", st, 30, vl);
685                if (!strcmp(st, "disabled_visible"))
686                  set_state(PART:"elm.text", "visible", 0.0);
687                else
688                  set_state(PART:"elm.text", "default", 0.0);
689                set_int(item_state, POPUP_ITEM_STATE_ENABLED);
690             }
691          }
692          program { name: "text_show";
693             signal: "elm,state,item,text,visible";
694             source: "elm";
695             script {
696                new st[31];
697                new Float:vl;
698                get_state(PART:"elm.swallow.content", st, 30, vl);
699                if (!strcmp(st, "icononly")) {
700                   set_state(PART:"elm.swallow.content", "visible", 0.0);
701                   set_state(PART:"padding_icon_text", "visible", 0.0);
702                }
703                if(get_int(item_state) != POPUP_ITEM_STATE_DISABLED)
704                  set_state(PART:"elm.text", "visible", 0.0);
705                else
706                  set_state(PART:"elm.text", "disabled_visible", 0.0);
707             }
708          }
709          program { name: "text_hide";
710             signal: "elm,state,item,text,hidden";
711             source: "elm";
712             script {
713                new st[31];
714                new Float:vl;
715                get_state(PART:"elm.swallow.content", st, 30, vl);
716                if (!strcmp(st, "visible")) {
717                   set_state(PART:"elm.swallow.content", "icononly", 0.0);
718                   set_state(PART:"padding_icon_text", "icononly", 0.0);
719                }
720                set_state(PART:"elm.text", "default", 0.0);
721             }
722          }
723          program { name: "icon_show";
724             signal: "elm,state,item,icon,visible";
725             source: "elm";
726             script {
727                new st[31];
728                new Float:vl;
729                get_state(PART:"elm.text", st, 30, vl);
730                if (!strcmp(st, "visible")) {
731                   set_state(PART:"elm.swallow.content", "visible", 0.0);
732                   set_state(PART:"padding_icon_text", "visible", 0.0);
733                }
734                else {
735                   set_state(PART:"elm.swallow.content", "icononly", 0.0);
736                   set_state(PART:"padding_icon_text", "icononly", 0.0);
737                }
738             }
739          }
740          program { name: "icon_hide";
741             signal: "elm,state,item,icon,hidden";
742             source: "elm";
743             action:  STATE_SET "default" 0.0;
744             target: "elm.swallow.content";
745          }
746       }
747    }
748
749 group { name: "elm/popup/buttons1/default";
750    data.item: "action_area_height" "140";
751    parts{
752       part{ name:"actionbtn1";
753          type: SWALLOW;
754          scale : 1;
755          description { state: "default" 0.0;
756             min: 252 46;
757             max: 252 46;
758             fixed : 1 1;
759             rel1.relative: 0.5 0.0;
760             rel2.relative: 0.5 1.0;
761          }
762       }
763    }
764 }
765
766 group { name: "elm/popup/buttons2/default";
767    data.item: "action_area_height" "140";
768    parts{
769       part{ name:"actionbtn1";
770          type: SWALLOW;
771          scale : 1;
772          description { state: "default" 0.0;
773             min: 172 46;
774             max: 172 46;
775             fixed : 1 1;
776             align: 1.0 0.5;
777             rel1.to: "elm.rect.pad_btn";
778             rel2 {
779                relative: 0.0 1.0;
780                to: "elm.rect.pad_btn";
781             }
782          }
783       }
784       part { name: "elm.rect.pad_btn";
785          type: RECT;
786          scale : 1;
787          description { state: "default" 0.0;
788             min: 6 46;
789             max: 6 46;
790             fixed : 1 1;
791             visible: 0;
792             rel1.relative: 0.5 0.0;
793             rel2.relative: 0.5 1.0;
794          }
795       }
796       part{ name:"actionbtn2";
797          type: SWALLOW;
798          scale : 1;
799          description { state: "default" 0.0;
800             min: 172 46;
801             max: 172 46;
802             fixed : 1 1;
803             align: 0.0 0.5;
804             rel1 {
805                relative: 1.0 0.0;
806                to: "elm.rect.pad_btn";
807             }
808             rel2.to: "elm.rect.pad_btn";
809          }
810       }
811    }
812 }
813
814 group { name: "elm/popup/buttons3/default";
815    data.item: "action_area_height" "140";
816    parts{
817       part{ name:"actionbtn1";
818          type: SWALLOW;
819          scale : 1;
820          description { state: "default" 0.0;
821             min: 120 46;
822             max: 120 46;
823             fixed : 1 1;
824             align: 1.0 0.5;
825             rel1.to: "elm.rect.pad_btn";
826             rel2 {
827                relative: 0.0 1.0;
828                to: "elm.rect.pad_btn";
829             }
830          }
831       }
832       part { name: "elm.rect.pad_btn";
833          type: RECT;
834          scale : 1;
835          description { state: "default" 0.0;
836             min: 6 46;
837             max: 6 46;
838             fixed : 1 1;
839             visible: 0;
840             rel1.to: "actionbtn2";
841             rel2 {
842                relative: 0.0 1.0;
843                to: "actionbtn2";
844             }
845          }
846       }
847       part{ name:"actionbtn2";
848          type: SWALLOW;
849          scale : 1;
850          description { state: "default" 0.0;
851             min: 120 46;
852             max: 120 46;
853             fixed : 1 1;
854             rel1.relative: 0.5 0.0;
855             rel2.relative: 0.5 1.0;
856          }
857       }
858       part { name: "elm.rect.pad_btn2";
859          type: RECT;
860          scale : 1;
861          description { state: "default" 0.0;
862             min: 6 46;
863             max: 6 46;
864             fixed : 1 1;
865             visible: 0;
866             rel1 {
867                relative: 1.0 0.0;
868                to: "actionbtn2";
869             }
870             rel2.to: "actionbtn2";
871          }
872       }
873       part{ name:"actionbtn3";
874          type: SWALLOW;
875          scale : 1;
876          description { state: "default" 0.0;
877             min: 120 46;
878             max: 120 46;
879             fixed : 1 1;
880             align: 0.0 0.5;
881             rel1 {
882                relative: 1.0 0.0;
883                to: "elm.rect.pad_btn2";
884             }
885             rel2.to: "elm.rect.pad_btn2";
886          }
887       }
888    }
889 }
890
891 #undef POPUP_ITEM_STATE_ENABLED
892 #undef POPUP_ITEM_STATE_DISABLED