summaryrefslogtreecommitdiff
path: root/data
diff options
context:
space:
mode:
authorBowon Ryu <bowon.ryu@samsung.com>2018-05-02 21:10:16 +0900
committerJaehyun Cho <jae_hyun.cho@samsung.com>2018-05-02 21:11:41 +0900
commit67045ea28ad09701641b8be7cc96577df62b630d (patch)
treec0d87e9467df28193dc7e2c1bdbb29bc7436d7ea /data
parentb8de04d77f63f5f305b0ccd2670f1d908ba4bf7d (diff)
efl_ui_tab_pager: add Efl.Ui.Tab_Pager and related classes
Summary: the basic concept of Efl.Ui.Tab_Pager is similar to elm_toolbar. user can attach Efl.Ui.Tab_Bar to the tab_pager. user can create an Efl.Ui.Tab_Page to add tab label, tab icon and set the content of the page. user can pack Efl.Ui.Tab_Page into tab_pager. The tab and page match one to one. user can controls tab and page through tab_pager. See T5317 Test Plan: elementary_test -to efl.ui.tab_pager Reviewers: cedric, woohyun, Jaehyun_Cho Reviewed By: Jaehyun_Cho Subscribers: eunue Differential Revision: https://phab.enlightenment.org/D5988
Diffstat (limited to 'data')
-rw-r--r--data/Makefile.am5
-rw-r--r--data/elementary/objects/test_tab_pager.edc66
-rw-r--r--data/elementary/themes/Makefile.am5
-rw-r--r--data/elementary/themes/default.edc3
-rw-r--r--data/elementary/themes/edc/efl/tab_bar.edc596
-rw-r--r--data/elementary/themes/edc/efl/tab_page.edc15
-rw-r--r--data/elementary/themes/edc/efl/tab_pager.edc34
7 files changed, 723 insertions, 1 deletions
diff --git a/data/Makefile.am b/data/Makefile.am
index 19c056f789..74a025ef8f 100644
--- a/data/Makefile.am
+++ b/data/Makefile.am
@@ -226,6 +226,7 @@ elementary/objects/test_prefs.edj \
226elementary/objects/test_prefs.epb \ 226elementary/objects/test_prefs.epb \
227elementary/objects/test_focus_style.edj \ 227elementary/objects/test_focus_style.edj \
228elementary/objects/test_tooltip.edj \ 228elementary/objects/test_tooltip.edj \
229elementary/objects/test_tab_pager.edj \
229$(NULL) 230$(NULL)
230 231
231CLEANFILES += $(elementaryobjects_DATA) 232CLEANFILES += $(elementaryobjects_DATA)
@@ -292,3 +293,7 @@ elementary/objects/test_prefs.epb: elementary/objects/test_prefs.epc
292 $(MKDIR_P) elementary/objects/; \ 293 $(MKDIR_P) elementary/objects/; \
293 $(ELM_PREFS_CC) $(ELM_PREFS_FLAGS) $< $@ 294 $(ELM_PREFS_CC) $(ELM_PREFS_FLAGS) $< $@
294 295
296elementary/objects/test_tab_pager.edj: elementary/objects/test_tab_pager.edc
297 $(AM_V_EDJ) \
298 $(MKDIR_P) elementary/objects/; \
299 $(EDJE_CC) $(EDJE_CC_FLAGS) $< $@
diff --git a/data/elementary/objects/test_tab_pager.edc b/data/elementary/objects/test_tab_pager.edc
new file mode 100644
index 0000000000..95715713ae
--- /dev/null
+++ b/data/elementary/objects/test_tab_pager.edc
@@ -0,0 +1,66 @@
1collections {
2 group { "tab_page_layout";
3 parts {
4 spacer { "base";
5 scale;
6 desc { "default";
7 }
8 }
9 swallow { "menu";
10 scale;
11 desc { "default";
12 rel.to: "base";
13 align: 0 0;
14 min: 200 0;
15 max: 200 -1;
16 fixed: 0 1;
17 }
18 }
19 rect { "separator";
20 scale;
21 desc { "default";
22 rel.to: "menu";
23 rel1.relative: 1 0;
24 align: 0 0;
25 min: 1 0;
26 max: 1 -1;
27 fixed: 0 1;
28 color: 75 75 75 255;
29 }
30 }
31 swallow { "tab_pager";
32 scale;
33 desc { "default";
34 rel1.to: "separator";
35 rel2.to: "base";
36 rel1.relative: 1 0;
37 }
38 }
39 }
40 }
41 group { "page_layout";
42 parts {
43 spacer { "base";
44 scale;
45 desc { "default";
46 }
47 }
48 rect { "bg";
49 scale;
50 desc { "default";
51 rel.to: "base";
52 color: 255 255 255 255;
53 }
54 }
55 text { "text";
56 scale;
57 desc { "default";
58 rel.to: "base";
59 align: 0.5 0.5;
60 color: 0 0 0 255;
61 text.size: 20;
62 }
63 }
64 }
65 }
66}
diff --git a/data/elementary/themes/Makefile.am b/data/elementary/themes/Makefile.am
index 6aaf061966..1cf4e6e304 100644
--- a/data/elementary/themes/Makefile.am
+++ b/data/elementary/themes/Makefile.am
@@ -1044,7 +1044,10 @@ elementary/themes/edc/efl/tooltip.edc \
1044elementary/themes/edc/efl/video.edc \ 1044elementary/themes/edc/efl/video.edc \
1045elementary/themes/edc/efl/list.edc \ 1045elementary/themes/edc/efl/list.edc \
1046elementary/themes/edc/efl/win.edc \ 1046elementary/themes/edc/efl/win.edc \
1047elementary/themes/edc/efl/pager.edc 1047elementary/themes/edc/efl/pager.edc \
1048elementary/themes/edc/efl/tab_pager.edc \
1049elementary/themes/edc/efl/tab_bar.edc \
1050elementary/themes/edc/efl/tab_page.edc
1048 1051
1049elementary_fdo_actions_128_files = \ 1052elementary_fdo_actions_128_files = \
1050 elementary/themes/fdo/actions/128/address-book-new.png \ 1053 elementary/themes/fdo/actions/128/address-book-new.png \
diff --git a/data/elementary/themes/default.edc b/data/elementary/themes/default.edc
index e3f94b8a3c..40d1920a07 100644
--- a/data/elementary/themes/default.edc
+++ b/data/elementary/themes/default.edc
@@ -200,4 +200,7 @@ collections {
200#include "edc/efl/win.edc" 200#include "edc/efl/win.edc"
201#include "edc/efl/uiclock.edc" 201#include "edc/efl/uiclock.edc"
202#include "edc/efl/pager.edc" 202#include "edc/efl/pager.edc"
203#include "edc/efl/tab_pager.edc"
204#include "edc/efl/tab_bar.edc"
205#include "edc/efl/tab_page.edc"
203} 206}
diff --git a/data/elementary/themes/edc/efl/tab_bar.edc b/data/elementary/themes/edc/efl/tab_bar.edc
new file mode 100644
index 0000000000..f7f039cb79
--- /dev/null
+++ b/data/elementary/themes/edc/efl/tab_bar.edc
@@ -0,0 +1,596 @@
1group { "efl/tab_bar";
2 images.image: "vgrad_med_lighter.png" COMP;
3 images.image: "bevel_out.png" COMP;
4 images.image: "shine.png" COMP;
5 images.image: "shadow_square_tiny.png" COMP;
6 parts {
7 spacer { "base";
8 scale;
9 desc { "default";
10 }
11 }
12 image { "shadow";
13 nomouse;
14 desc { "default";
15 rel.to: "base";
16 rel1.offset: -3 -2;
17 rel2.offset: 2 3;
18 image.normal: "shadow_square_tiny.png";
19 image.border: 6 6 6 6;
20 fill.smooth: 0;
21 }
22 }
23 image { "bg";
24 desc { "default";
25 rel.to: "base";
26 image.normal: "vgrad_med_lighter.png";
27 rel1.offset: 0 0;
28 rel2.offset: -1 -1;
29 fill.smooth: 0;
30 }
31 }
32 swallow { "efl.content";
33 scale;
34 desc { "default";
35 rel.to: "base";
36 }
37 }
38 image { "bevel";
39 nomouse;
40 desc { "default";
41 rel.to: "base";
42 image.normal: "bevel_out.png";
43 image.border: 1 1 1 1;
44 image.middle: 0;
45 fill.smooth: 0;
46 }
47 }
48 image { "shine";
49 nomouse;
50 desc { "default";
51 image.normal: "shine.png";
52 rel.to: "base";
53 rel1.offset: 0 -2;
54 rel2.relative: 1.0 0.0;
55 rel2.offset: -1 2;
56 FIXED_SIZE(69, 5)
57 }
58 }
59 }
60}
61
62group { "efl/tab_bar/tab";
63 images.image: "shadow_inset_bevels.png" COMP;
64 images.image: "shadow_angled_in_sides.png" COMP;
65 images.image: "horizontal_separated_bar_small_glow.png" COMP;
66 data.item: "transition_animation_on" "1";
67 images.image: "bevel_dark_in.png" COMP;
68
69#define ICON 1
70#define LABEL 2
71#define MASK 3
72#define DISABLE 4
73 script {
74 public btmode;
75 public eval_mode(m) {
76 new m1 = m & MASK;
77 new d = m & DISABLE;
78 if (m1 == (ICON | LABEL)) {
79 if (!d) {
80 set_state(PART:"efl.icon", "default", 0.0);
81 set_state(PART:"icon_clip", "default", 0.0);
82 set_state(PART:"efl.text", "default", 0.0);
83 set_state(PART:"label2", "default", 0.0);
84 } else {
85 set_state(PART:"efl.icon", "default", 0.0);
86 set_state(PART:"icon_clip", "disabled", 0.0);
87 set_state(PART:"efl.text", "disabled", 0.0);
88 set_state(PART:"label2", "default", 0.0);
89 }
90 } else if (m1 == (ICON)) {
91 if (!d) {
92 set_state(PART:"efl.icon", "icononly", 0.0);
93 set_state(PART:"icon_clip", "default", 0.0);
94 set_state(PART:"efl.text", "icononly", 0.0);
95 set_state(PART:"label2", "icononly", 0.0);
96 } else {
97 set_state(PART:"efl.icon", "icononly", 0.0);
98 set_state(PART:"icon_clip", "disabled", 0.0);
99 set_state(PART:"efl.text", "icononly", 0.0);
100 set_state(PART:"label2", "icononly", 0.0);
101 }
102 } else if (m1 == (LABEL)) {
103 if (!d) {
104 set_state(PART:"efl.icon", "noicon", 0.0);
105 set_state(PART:"icon_clip", "default", 0.0);
106 set_state(PART:"efl.text", "noicon", 0.0);
107 set_state(PART:"label2", "noicon", 0.0);
108 } else {
109 set_state(PART:"efl.icon", "noicon", 0.0);
110 set_state(PART:"icon_clip", "disabled", 0.0);
111 set_state(PART:"efl.text", "noicon_disabled", 0.0);
112 set_state(PART:"label2", "noicon_disabled", 0.0);
113 }
114 } else {
115 if (!d) {
116 set_state(PART:"efl.icon", "noicon", 0.0);
117 set_state(PART:"icon_clip", "default", 0.0);
118 set_state(PART:"efl.text", "noicon", 0.0);
119 set_state(PART:"label2", "noicon", 0.0);
120 } else {
121 set_state(PART:"efl.icon", "noicon", 0.0);
122 set_state(PART:"icon_clip", "disabled", 0.0);
123 set_state(PART:"efl.text", "noicon_disabled", 0.0);
124 set_state(PART:"label2", "noicon_disabled", 0.0);
125 }
126 }
127 }
128 }
129 parts {
130 spacer { "base";
131 scale;
132 desc { "default";
133 }
134 desc { "vert";
135 rel1.offset: -1 0;
136 rel2.offset: 0 -1;
137 }
138 }
139 image { "shadow1";
140 nomouse;
141 desc { "default";
142 rel.to: "base";
143 image.normal: "shadow_inset_bevels.png";
144 image.border: 2 2 0 1;
145 hid;
146 }
147 desc { "selected";
148 inherit: "default";
149 vis;
150 }
151 }
152 image { "shadow2";
153 nomouse;
154 desc { "default";
155 rel.to: "shadow1";
156 rel1.offset: 1 0;
157 rel2.offset: -2 -1;
158 image.normal: "shadow_angled_in_sides.png";
159 image.border: 8 8 0 1;
160 image.middle: 0;
161 hid;
162 }
163 desc { "selected";
164 inherit: "default";
165 vis;
166 }
167 }
168 rect { "bend_clip";
169 desc { "default";
170 hid;
171 }
172 desc { "vert";
173 vis;
174 }
175 }
176 image { "bend";
177 clip_to: "bend_clip";
178 desc { "default";
179 min: 2 2;
180 max: 99999 2;
181 rel2.offset: -1 1;
182 rel2.relative: 1.0 0.0;
183 image.normal: "bevel_dark_in.png";
184 image.border: 2 2 2 2;
185 fill.smooth: 0;
186 hid;
187 fixed: 1 1;
188 }
189 desc { "selected";
190 inherit: "default";
191 vis;
192 }
193 }
194 rect { "icon_clip";
195 desc { "default";
196 }
197 desc { "disabled";
198 inherit: "default";
199 color: 255 255 255 64;
200 }
201 }
202 rect { "icon_clip1";
203 clip_to: "icon_clip";
204 desc { "default";
205 color: 255 255 255 255;
206 vis;
207 }
208 desc { "animation";
209 inherit: "default";
210 color: 255 255 255 0;
211 hid;
212 }
213 }
214 swallow { "efl.icon";
215 clip_to: "icon_clip1";
216 desc { "default";
217 align: 0.5 0.5;
218 rel1.relative: 0.0 0.0;
219 rel1.offset: 2 2;
220 rel2.to_y: "efl.text";
221 rel2.relative: 1.0 0.0;
222 rel2.offset: -3 -1;
223 }
224 desc { "noicon";
225 inherit: "default" 0.0;
226 hid;
227 rel1.offset: 2 0;
228 rel2.relative: 1.0 0.0;
229 rel2.offset: -3 -4;
230 }
231 desc { "icononly";
232 inherit: "default" 0.0;
233 vis;
234 rel2.relative: 1.0 1.0;
235 rel2.offset: -3 -3;
236 rel2.to_y: "icon_clip";
237 }
238 }
239 rect { "icon_clip2";
240 clip_to: "icon_clip";
241 desc { "default";
242 color: 255 255 255 0;
243 hid;
244 }
245 desc { "animation";
246 inherit: "default" 0.0;
247 color: 255 255 255 255;
248 vis;
249 }
250 }
251 swallow { "efl.icon_new";
252 clip_to: "icon_clip2";
253 desc { "default";
254 align: 0.5 0.5;
255 rel1.relative: 0.0 0.0;
256 rel1.offset: 2 2;
257 rel2.to_y: "efl.text";
258 rel2.relative: 1.0 0.0;
259 rel2.offset: -3 -1;
260 }
261 desc { "noicon";
262 inherit: "default";
263 hid;
264 rel1.offset: 2 0;
265 rel2.relative: 1.0 0.0;
266 rel2.offset: -3 -4;
267 }
268 desc { "icononly";
269 inherit: "default" 0.0;
270 vis;
271 rel2.relative: 1.0 1.0;
272 rel2.offset: -3 -3;
273 rel2.to_y: "icon_clip";
274 }
275 }
276 rect { "text_clip1";
277 desc { "default";
278 color: 255 255 255 255;
279 vis;
280 }
281 desc { "animation";
282 inherit: "default";
283 color: 255 255 255 0;
284 hid;
285 }
286 }
287 text { "efl.text";
288 nomouse;
289 effect: SHADOW BOTTOM;
290 scale;
291 clip_to: "text_clip1";
292 desc { "default";
293 rel1.offset: 4 -3;
294 rel1.relative: 0.0 1.0;
295 rel2.offset: -5 -3;
296 align: 0.5 1.0;
297 color: FN_COL_DEFAULT;
298 color_class: "toolbar_item";
299 text { font: FN; size: 10;
300 min: 1 1;
301 ellipsis: -1;
302 align: 0.5 0.5;
303 text_class: "toolbar_item";
304 }
305 fixed: 0 1;
306 }
307 desc { "selected";
308 inherit: "default";
309 hid;
310 color_class: "toolbar_item_selected";
311 }
312 desc { "disabled";
313 inherit: "default";
314 color: FN_COL_DISABLE;
315 color_class: "toolbar_item_disabled";
316 }
317 desc { "noicon";
318 inherit: "default";
319 rel1.offset: 4 2;
320 rel1.relative: 0.0 0.0;
321 }
322 desc { "noicon_disabled";
323 inherit: "noicon";
324 color: FN_COL_DISABLE;
325 color_class: "toolbar_item_disabled";
326 }
327 desc { "icononly";
328 inherit: "default";
329 text.min: 0 0;
330 hid;
331 fixed: 1 1;
332 }
333 }
334 text { "label2";
335 nomouse;
336 effect: GLOW;
337 scale;
338 clip_to: "text_clip1";
339 desc { "default";
340 rel1.offset: -3 -3;
341 rel1.to: "efl.text";
342 rel2.offset: 2 1;
343 rel2.to: "efl.text";
344 color: FN_COL_HIGHLIGHT;
345 color_class: "toolbar_item_active";
346 text { font: FN; size: 10;
347 text_source: "efl.text";
348 align: 0.5 0.5;
349 text_class: "toolbar_item";
350 }
351 hid;
352 }
353 desc { "selected";
354 inherit: "default";
355 vis;
356 }
357 desc { "noicon";
358 inherit: "default";
359 }
360 desc { "noicon_disabled";
361 inherit: "noicon";
362 }
363 desc { "icononly";
364 inherit: "default";
365 text.min: 0 0;
366 hid;
367 fixed: 1 1;
368 }
369 }
370 rect { "text_clip2";
371 desc { "default";
372 color: 255 255 255 0;
373 hid;
374 }
375 desc { "animation";
376 inherit: "default";
377 color: 255 255 255 255;
378 vis;
379 }
380 }
381 image { "bar";
382 nomouse;
383 desc { "default";
384 fixed: 0 1;
385 rel1.offset: -3 -7;
386 rel1.relative: 0.0 1.0;
387 rel1.to: "shadow2";
388 rel2.offset: 2 2;
389 rel2.to: "shadow2";
390 image.normal: "horizontal_separated_bar_small_glow.png";
391 image.border: 4 4 4 4;
392 fill.smooth: 0;
393 hid;
394 }
395 desc { "selected";
396 inherit: "default";
397 vis;
398 }
399 }
400 image { "highlight";
401 nomouse;
402 desc { "default";
403 fixed: 0 1;
404 rel1.offset: -3 -7;
405 rel1.relative: 0.0 1.0;
406 rel1.to: "shadow2";
407 rel2.offset: 2 2;
408 rel2.to: "shadow2";
409 image.normal: "horizontal_separated_bar_small_glow.png";
410 image.border: 4 4 4 4;
411 fill.smooth: 0;
412 hid;
413 }
414 desc { "selected";
415 inherit: "default";
416 vis;
417 }
418 }
419 rect { "event";
420 ignore_flags: ON_HOLD;
421 desc { "default";
422 color: 0 0 0 0;
423 }
424 }
425 programs {
426 program {
427 signal: "efl,orient,horizontal"; source: "efl";
428 action: STATE_SET "default" 0.0;
429 target: "base";
430 target: "bend_clip";
431 }
432 program {
433 signal: "efl,orient,vertical"; source: "efl";
434 action: STATE_SET "vert" 0.0;
435 target: "base";
436 target: "bend_clip";
437 }
438 program { name: "st0";
439 signal: "load"; source: "";
440 script {
441 set_int(btmode, LABEL | ICON);
442 }
443 }
444 program {
445 signal: "efl,state,selected"; source: "efl";
446 action: STATE_SET "selected" 0.0;
447 target: "efl.text";
448 target: "label2";
449 target: "shadow1";
450 target: "shadow2";
451 target: "bar";
452 target: "bend";
453 }
454 program {
455 signal: "efl,state,unselected"; source: "efl";
456 action: STATE_SET "default" 0.0;
457 target: "efl.text";
458 target: "label2";
459 target: "shadow1";
460 target: "shadow2";
461 target: "bar";
462 target: "bend";
463 }
464 program {
465 signal: "mouse,up,1"; source: "event";
466 action: SIGNAL_EMIT "efl,action,click" "efl";
467 }
468 program {
469 signal: "efl,highlight,on"; source: "efl";
470 action: STATE_SET "selected" 0.0;
471 target: "highlight";
472 }
473 program {
474 signal: "efl,highlight,off"; source: "efl";
475 action: STATE_SET "default" 0.0;
476 target: "highlight";
477 }
478 program {
479 signal: "mouse,in"; source: "event";
480 action: SIGNAL_EMIT "efl,mouse,in" "efl";
481 }
482 program { name: "mouse,out";
483 signal: "mouse,out"; source: "event";
484 action: SIGNAL_EMIT "efl,mouse,out" "efl";
485 }
486 program { name: "st1";
487 signal: "efl,text,hidden"; source: "efl";
488 script {
489 new m = get_int(btmode);
490 m &= ~LABEL; set_int(btmode, m);
491 eval_mode(m);
492 }
493 }
494 program { name: "st2";
495 signal: "efl,text,visible"; source: "efl";
496 script {
497 new m = get_int(btmode);
498 m |= LABEL; set_int(btmode, m);
499 eval_mode(m);
500 }
501 }
502 program { name: "st3";
503 signal: "efl,icon,hidden"; source: "efl";
504 script {
505 new m = get_int(btmode);
506 m &= ~ICON; set_int(btmode, m);
507 eval_mode(m);
508 }
509 }
510 program { name: "st4";
511 signal: "efl,icon,visible"; source: "efl";
512 script {
513 new m = get_int(btmode);
514 m |= ICON; set_int(btmode, m);
515 eval_mode(m);
516 }
517 }
518 program { name: "st5";
519 signal: "efl,state,disabled"; source: "efl";
520 script {
521 new m = get_int(btmode);
522 m |= DISABLE; set_int(btmode, m);
523 eval_mode(m);
524 }
525 }
526 program { name: "st6";
527 signal: "efl,state,enabled"; source: "efl";
528 script {
529 new m = get_int(btmode);
530 m &= ~DISABLE; set_int(btmode, m);
531 eval_mode(m);
532 }
533 }
534 program {
535 signal: "efl,state,moving"; source: "efl";
536 action: STATE_SET "default" 0.0;
537 target: "shadow1";
538 target: "shadow2";
539 }
540 program {
541 signal: "efl,state,icon_set,forward"; source: "efl";
542 after: "icon_set,animation";
543 }
544 program {
545 signal: "efl,state,icon_set,backward"; source: "efl";
546 after: "icon_set,animation";
547 }
548 program { name: "icon_set,animation";
549 signal: "efl,state,icon_set"; source: "efl";
550 action: STATE_SET "animation" 0.0;
551 target: "icon_clip1";
552 target: "icon_clip2";
553 transition: LINEAR 0.2;
554 after: "icon_set,animation,done";
555 }
556 program { name: "icon_set,animation,done";
557 action: SIGNAL_EMIT "efl,state,icon_set,done" "efl";
558 }
559 program {
560 signal: "efl,state,icon,reset"; source: "efl";
561 action: STATE_SET "default" 0.0;
562 target: "icon_clip1";
563 target: "icon_clip2";
564 }
565 program {
566 signal: "efl,state,label_set,forward"; source: "efl";
567 after: "label_set,animation";
568 }
569 program {
570 signal: "efl,state,label_set,backward"; source: "efl";
571 after: "label_set,animation";
572 }
573 program { name: "label_set,animation";
574 signal: "efl,state,label_set"; source: "efl";
575 action: STATE_SET "animation" 0.0;
576 target: "text_clip1";
577 target: "text_clip2";
578 transition: LINEAR 0.2;
579 after: "label_set,animation,done";
580 }
581 program { name: "label_set,animation,done";
582 action: SIGNAL_EMIT "efl,state,label_set,done" "efl";
583 }
584 program {
585 signal: "efl,state,label,reset"; source: "efl";
586 action: STATE_SET "default" 0.0;
587 target: "text_clip1";
588 target: "text_clip2";
589 }
590 }
591#undef ICON
592#undef LABEL
593#undef MASK
594#undef DISABLE
595 }
596}
diff --git a/data/elementary/themes/edc/efl/tab_page.edc b/data/elementary/themes/edc/efl/tab_page.edc
new file mode 100644
index 0000000000..68bbd6b55c
--- /dev/null
+++ b/data/elementary/themes/edc/efl/tab_page.edc
@@ -0,0 +1,15 @@
1group { "efl/tab_page";
2 parts {
3 spacer { "base";
4 scale;
5 desc { "default";
6 }
7 }
8 swallow { "efl.content";
9 scale;
10 desc { "default";
11 rel.to: "base";
12 }
13 }
14 }
15}
diff --git a/data/elementary/themes/edc/efl/tab_pager.edc b/data/elementary/themes/edc/efl/tab_pager.edc
new file mode 100644
index 0000000000..fb63e58a61
--- /dev/null
+++ b/data/elementary/themes/edc/efl/tab_pager.edc
@@ -0,0 +1,34 @@
1group { "efl/tab_pager";
2 parts {
3 spacer { "base";
4 scale;
5 desc { "default";
6 }
7 }
8 swallow { "efl.tab_root";
9 scale;
10 desc { "default";
11 rel.to: "base";
12 align: 0 0;
13 min: 0 50;
14 max: -1 50;
15 fixed: 0 1;
16 }
17 }
18 swallow { "efl.page_root";
19 scale;
20 desc { "default";
21 rel1.to: "efl.tab_root";
22 rel2.to: "base";
23 rel1.relative: 0 1;
24 }
25 }
26 swallow { "efl.event";
27 scale;
28 repeat_events: 1;
29 desc { "default";
30 rel.to: "efl.page_root";
31 }
32 }
33 }
34}