data/themes/widgets/layout.edc

   1 /* application with toolbar and main content area */
   2 group { name: "elm/layout/application/toolbar-content";
   3    parts {
   4       part { name: "elm.swallow.content";
   5          type: SWALLOW;
   6          description { state: "default" 0.0;
   7             rel1 { to_y: "elm.external.toolbar";
   8                relative: 0.0 1.0;
   9                offset: -1 1;
  10             }
  11          }
  12       }
  13
  14       part { name: "elm.external.toolbar";
  15          type: EXTERNAL;
  16          source: "elm/toolbar";
  17          description { state: "default" 0.0;
  18             align: 0.5 0.0;
  19             fixed: 0 1;
  20             rel2 {
  21                relative: 1.0 0.0;
  22                offset: -1 47;
  23             }
  24          }
  25       }
  26    }
  27 }
  28
  29 /* application with toolbar and main content area with a back button and title area */
  30 group { name: "elm/layout/application/toolbar-content-back";
  31    parts {
  32       part { name: "elm.swallow.content";
  33          type: SWALLOW;
  34          description { state: "default" 0.0;
  35             rel1 { to_y: "title_clipper";
  36                relative: 0.0 1.0;
  37                offset: -1 1;
  38             }
  39          }
  40       }
  41
  42       part { name: "elm.external.toolbar";
  43          type: EXTERNAL;
  44          source: "elm/toolbar";
  45          description { state: "default" 0.0;
  46             fixed: 0 1;
  47             align: 0.5 0.0;
  48             rel2 {
  49                relative: 1.0 0.0;
  50                offset: -1 47;
  51             }
  52          }
  53       }
  54       part { name: "title_clipper";
  55          type: RECT;
  56          description { state: "default" 0.0;
  57             visible: 1;
  58             rel1 {
  59                to_y: "back";
  60             }
  61             rel2 {
  62                to_y: "back";
  63             }
  64          }
  65          description { state: "hidden" 0.0;
  66             inherit: "default" 0.0;
  67             visible: 0;
  68             rel2 {
  69                relative: 1.0 0.0;
  70             }
  71          }
  72       }
  73       part { name: "back_clipper";
  74          type: RECT;
  75          clip_to: "title_clipper";
  76          description { state: "default" 0.0;
  77             visible: 1;
  78          }
  79          description { state: "hidden" 0.0;
  80             visible: 0;
  81          }
  82       }
  83       part { name: "back";
  84          type: EXTERNAL;
  85          source: "elm/button";
  86          clip_to: "back_clipper";
  87          description { state: "default" 0.0;
  88             align: 0.0 0.0;
  89             fixed: 1 1;
  90             rel1 { to_y: "elm.external.toolbar";
  91                relative: 0.0 1.0;
  92                offset: 0 1;
  93             }
  94             rel2 { to_y: "elm.external.toolbar";
  95                relative: 0.0 1.0;
  96                offset: 50 32;
  97             }
  98             params.string: "label" "Back";
  99          }
 100       }
 101       programs {
 102          program {
 103             signal: "clicked";
 104             source: "back";
 105             action: SIGNAL_EMIT "elm,action,back" "";
 106          }
 107          program {
 108             signal: "elm,back,hide";
 109             source: "elm";
 110             action: STATE_SET "hidden" 0.0;
 111             target: "back_clipper";
 112          }
 113          program {
 114             signal: "elm,back,show";
 115             source: "elm";
 116             action: STATE_SET "default" 0.0;
 117             target: "back_clipper";
 118          }
 119          program {
 120             signal: "elm,title,hide";
 121             source: "elm";
 122             action: STATE_SET "hidden" 0.0;
 123             transition: LINEAR 0.1;
 124             target: "title_clipper";
 125          }
 126          program {
 127             signal: "elm,title,show";
 128             source: "elm";
 129             action: STATE_SET "default" 0.0;
 130             target: "title_clipper";
 131          }
 132       }
 133
 134       part { name: "elm.swallow.end";
 135          type: SWALLOW;
 136          description { state: "default" 0.0;
 137             align: 1.0 0.0;
 138             fixed: 1 1;
 139             rel1 { to_y: "elm.external.toolbar";
 140                relative: 1.0 1.0;
 141                offset: -2 1;
 142             }
 143             rel2 { to_y: "elm.external.toolbar";
 144                relative: 1.0 1.0;
 145                offset: -1 32;
 146             }
 147          }
 148       }
 149
 150       part { name: "elm.text.title";
 151          type: TEXT;
 152          effect: SOFT_SHADOW;
 153          scale: 1;
 154          description { state: "default" 0.0;
 155             rel1 { to_y: "elm.external.toolbar";
 156                to_x: "back";
 157                relative: 1.0 1.0;
 158                offset: 2 1;
 159             }
 160             rel2 { to_y: "back";
 161                to_x: "elm.swallow.end";
 162                relative: 0.0 1.0;
 163                offset: -3 -1;
 164             }
 165             text {
 166                font: "Sans:style=Bold";
 167                size: 12;
 168             }
 169          }
 170       }
 171    }
 172 }
 173
 174 /* application with toolbar and main content area with a back and next buttons and title area */
 175 group { name: "elm/layout/application/toolbar-content-back-next";
 176    parts {
 177       part { name: "elm.swallow.content";
 178          type: SWALLOW;
 179          description { state: "default" 0.0;
 180             rel1 { to_y: "title_clipper";
 181                relative: 0.0 1.0;
 182                offset: -1 1;
 183             }
 184          }
 185       }
 186
 187       part { name: "elm.external.toolbar";
 188          type: EXTERNAL;
 189          source: "elm/toolbar";
 190          description { state: "default" 0.0;
 191             fixed: 0 1;
 192             align: 0.5 0.0;
 193             rel2 {
 194                relative: 1.0 0.0;
 195                offset: -1 47;
 196             }
 197          }
 198       }
 199       part { name: "title_clipper";
 200          type: RECT;
 201          description { state: "default" 0.0;
 202             visible: 1;
 203             rel1 {
 204                to_y: "back";
 205             }
 206             rel2 {
 207                to_y: "back";
 208             }
 209          }
 210          description { state: "hidden" 0.0;
 211             inherit: "default" 0.0;
 212             visible: 0;
 213             rel2 {
 214                relative: 1.0 0.0;
 215             }
 216          }
 217       }
 218       part { name: "back";
 219          type: EXTERNAL;
 220          source: "elm/button";
 221          clip_to: "back_clipper";
 222          description { state: "default" 0.0;
 223             align: 0.0 0.0;
 224             fixed: 1 1;
 225             rel1 { to_y: "elm.external.toolbar";
 226                relative: 0.0 1.0;
 227                offset: 0 1;
 228             }
 229             rel2 { to_y: "elm.external.toolbar";
 230                relative: 0.0 1.0;
 231                offset: 50 32;
 232             }
 233             params.string: "label" "Back";
 234          }
 235       }
 236       part { name: "back_clipper";
 237          type: RECT;
 238          clip_to: "title_clipper";
 239          description { state: "default" 0.0;
 240             visible: 1;
 241          }
 242          description { state: "hidden" 0.0;
 243             visible: 0;
 244          }
 245       }
 246       part { name: "next";
 247          type: EXTERNAL;
 248          source: "elm/button";
 249          clip_to: "next_clipper";
 250          description { state: "default" 0.0;
 251             align: 1.0 0.0;
 252             fixed: 1 1;
 253             rel1 { to_y: "elm.external.toolbar";
 254                relative: 1.0 1.0;
 255                offset: -2 1;
 256             }
 257             rel2 { to_y: "elm.external.toolbar";
 258                relative: 1.0 1.0;
 259                offset: -1 32;
 260             }
 261             params.string: "label" "Next";
 262          }
 263       }
 264       part { name: "next_clipper";
 265          type: RECT;
 266          clip_to: "title_clipper";
 267          description { state: "default" 0.0;
 268             visible: 1;
 269          }
 270          description { state: "hidden" 0.0;
 271             visible: 0;
 272          }
 273       }
 274       programs {
 275          program {
 276             signal: "clicked";
 277             source: "back";
 278             action: SIGNAL_EMIT "elm,action,back" "";
 279          }
 280          program {
 281             signal: "elm,title,hide";
 282             source: "elm";
 283             action: STATE_SET "hidden" 0.0;
 284             transition: LINEAR 0.1;
 285             target: "title_clipper";
 286          }
 287          program {
 288             signal: "elm,title,show";
 289             source: "elm";
 290             action: STATE_SET "default" 0.0;
 291             target: "title_clipper";
 292          }
 293          program {
 294             signal: "elm,back,hide";
 295             source: "elm";
 296             action: STATE_SET "hidden" 0.0;
 297             target: "back_clipper";
 298          }
 299          program {
 300             signal: "elm,back,show";
 301             source: "elm";
 302             action: STATE_SET "default" 0.0;
 303             target: "back_clipper";
 304          }
 305          program {
 306             signal: "clicked";
 307             source: "next";
 308             action: SIGNAL_EMIT "elm,action,next" "";
 309          }
 310          program {
 311             signal: "elm,next,hide";
 312             source: "elm";
 313             action: STATE_SET "hidden" 0.0;
 314             target: "next_clipper";
 315          }
 316          program {
 317             signal: "elm,next,show";
 318             source: "elm";
 319             action: STATE_SET "default" 0.0;
 320             target: "next_clipper";
 321          }
 322       }
 323       part { name: "elm.text.title";
 324          type: TEXT;
 325          effect: SOFT_SHADOW;
 326          scale: 1;
 327          clip_to: "title_clipper";
 328          description { state: "default" 0.0;
 329             rel1 { to_y: "elm.external.toolbar";
 330                to_x: "back";
 331                relative: 1.0 1.0;
 332                offset: 2 1;
 333             }
 334             rel2 { to_y: "back";
 335                to_x: "next";
 336                relative: 0.0 1.0;
 337                offset: -3 -1;
 338             }
 339             text {
 340                font: "Sans:style=Bold";
 341                size: 12;
 342             }
 343          }
 344       }
 345    }
 346 }
 347 /* application with a main content area with a back button and title area */
 348 group { name: "elm/layout/application/content-back";
 349    parts {
 350       part { name: "elm.swallow.content";
 351          type: SWALLOW;
 352          description { state: "default" 0.0;
 353             rel1 { to_y: "title_clipper";
 354                relative: 0.0 1.0;
 355                offset: -1 1;
 356             }
 357          }
 358       }
 359       part { name: "title_clipper";
 360          type: RECT;
 361          description { state: "default" 0.0;
 362             visible: 1;
 363             rel1 {
 364                to_y: "back";
 365             }
 366             rel2 {
 367                to_y: "back";
 368             }
 369          }
 370          description { state: "hidden" 0.0;
 371             inherit: "default" 0.0;
 372             visible: 0;
 373             rel2 {
 374                relative: 1.0 0.0;
 375             }
 376          }
 377       }
 378       part { name: "back_clipper";
 379          type: RECT;
 380          clip_to: "title_clipper";
 381          description { state: "default" 0.0;
 382             visible: 1;
 383          }
 384          description { state: "hidden" 0.0;
 385             visible: 0;
 386          }
 387       }
 388       part { name: "back";
 389          type: EXTERNAL;
 390          source: "elm/button";
 391          clip_to: "back_clipper";
 392          description { state: "default" 0.0;
 393             align: 0.0 0.0;
 394             fixed: 1 1;
 395             rel1 {
 396                relative: 0.0 0.0;
 397                offset: 0 1;
 398             }
 399             rel2 {
 400                relative: 0.0 0.0;
 401                offset: 50 32;
 402             }
 403             params.string: "label" "Back";
 404          }
 405       }
 406       programs {
 407          program {
 408             signal: "clicked";
 409             source: "back";
 410             action: SIGNAL_EMIT "elm,action,back" "";
 411          }
 412          program {
 413             signal: "elm,back,hide";
 414             source: "elm";
 415             action: STATE_SET "hidden" 0.0;
 416             target: "back_clipper";
 417          }
 418          program {
 419             signal: "elm,back,show";
 420             source: "elm";
 421             action: STATE_SET "default" 0.0;
 422             target: "back_clipper";
 423          }
 424          program {
 425             signal: "elm,title,hide";
 426             source: "elm";
 427             action: STATE_SET "hidden" 0.0;
 428             transition: LINEAR 0.1;
 429             target: "title_clipper";
 430          }
 431          program {
 432             signal: "elm,title,show";
 433             source: "elm";
 434             action: STATE_SET "default" 0.0;
 435             target: "title_clipper";
 436          }
 437       }
 438
 439       part { name: "elm.swallow.end";
 440          type: SWALLOW;
 441          description { state: "default" 0.0;
 442             align: 1.0 0.0;
 443             fixed: 1 1;
 444             rel1 {
 445                relative: 1.0 0.0;
 446                offset: -2 1;
 447             }
 448             rel2 {
 449                relative: 1.0 1.0;
 450                offset: -1 32;
 451             }
 452          }
 453       }
 454
 455       part { name: "elm.text.title";
 456          type: TEXT;
 457          effect: SOFT_SHADOW;
 458          scale: 1;
 459          description { state: "default" 0.0;
 460             rel1 {
 461                to_x: "back";
 462                relative: 1.0 0.0;
 463                offset: 2 1;
 464             }
 465             rel2 { to_y: "back";
 466                to_x: "elm.swallow.end";
 467                relative: 0.0 1.0;
 468                offset: -3 -1;
 469             }
 470             text {
 471                font: "Sans:style=Bold";
 472                size: 12;
 473             }
 474          }
 475       }
 476    }
 477 }
 478
 479 /* application with a main content area with a back and next buttons and title area */
 480 group { name: "elm/layout/application/content-back-next";
 481    parts {
 482       part { name: "elm.swallow.content";
 483          type: SWALLOW;
 484          description { state: "default" 0.0;
 485             rel1 { to_y: "title_clipper";
 486                relative: 0.0 1.0;
 487                offset: -1 1;
 488             }
 489          }
 490       }
 491
 492       part { name: "title_clipper";
 493          type: RECT;
 494          description { state: "default" 0.0;
 495             visible: 1;
 496             rel1 {
 497                to_y: "back";
 498             }
 499             rel2 {
 500                to_y: "back";
 501             }
 502          }
 503          description { state: "hidden" 0.0;
 504             inherit: "default" 0.0;
 505             visible: 0;
 506             rel2 {
 507                relative: 1.0 0.0;
 508             }
 509          }
 510       }
 511       part { name: "back";
 512          type: EXTERNAL;
 513          source: "elm/button";
 514          clip_to: "back_clipper";
 515          description { state: "default" 0.0;
 516             align: 0.0 0.0;
 517             fixed: 1 1;
 518             rel1 {
 519                relative: 0.0 0.0;
 520                offset: 0 1;
 521             }
 522             rel2 {
 523                relative: 0.0 0.0;
 524                offset: 50 32;
 525             }
 526             params.string: "label" "Back";
 527          }
 528       }
 529       part { name: "back_clipper";
 530          type: RECT;
 531          clip_to: "title_clipper";
 532          description { state: "default" 0.0;
 533             visible: 1;
 534          }
 535          description { state: "hidden" 0.0;
 536             visible: 0;
 537          }
 538       }
 539       part { name: "next";
 540          type: EXTERNAL;
 541          source: "elm/button";
 542          clip_to: "next_clipper";
 543          description { state: "default" 0.0;
 544             align: 1.0 0.0;
 545             fixed: 1 1;
 546             rel1 {
 547                relative: 1.0 0.0;
 548                offset: -2 1;
 549             }
 550             rel2 {
 551                relative: 1.0 0.0;
 552                offset: -1 32;
 553             }
 554             params.string: "label" "Next";
 555          }
 556       }
 557       part { name: "next_clipper";
 558          type: RECT;
 559          clip_to: "title_clipper";
 560          description { state: "default" 0.0;
 561             visible: 1;
 562          }
 563          description { state: "hidden" 0.0;
 564             visible: 0;
 565          }
 566       }
 567       programs {
 568          program {
 569             signal: "clicked";
 570             source: "back";
 571             action: SIGNAL_EMIT "elm,action,back" "";
 572          }
 573          program {
 574             signal: "elm,title,hide";
 575             source: "elm";
 576             action: STATE_SET "hidden" 0.0;
 577             transition: LINEAR 0.1;
 578             target: "title_clipper";
 579          }
 580          program {
 581             signal: "elm,title,show";
 582             source: "elm";
 583             action: STATE_SET "default" 0.0;
 584             target: "title_clipper";
 585          }
 586          program {
 587             signal: "elm,back,hide";
 588             source: "elm";
 589             action: STATE_SET "hidden" 0.0;
 590             target: "back_clipper";
 591          }
 592          program {
 593             signal: "elm,back,show";
 594             source: "elm";
 595             action: STATE_SET "default" 0.0;
 596             target: "back_clipper";
 597          }
 598          program {
 599             signal: "clicked";
 600             source: "next";
 601             action: SIGNAL_EMIT "elm,action,next" "";
 602          }
 603          program {
 604             signal: "elm,next,hide";
 605             source: "elm";
 606             action: STATE_SET "hidden" 0.0;
 607             target: "next_clipper";
 608          }
 609          program {
 610             signal: "elm,next,show";
 611             source: "elm";
 612             action: STATE_SET "default" 0.0;
 613             target: "next_clipper";
 614          }
 615       }
 616       part { name: "elm.text.title";
 617          type: TEXT;
 618          effect: SOFT_SHADOW;
 619          scale: 1;
 620          clip_to: "title_clipper";
 621          description { state: "default" 0.0;
 622             rel1 {
 623                to_x: "back";
 624                relative: 1.0 0.0;
 625                offset: 2 1;
 626             }
 627             rel2 { to_y: "back";
 628                to_x: "next";
 629                relative: 0.0 1.0;
 630                offset: -3 -1;
 631             }
 632             text {
 633                font: "Sans:style=Bold";
 634                size: 12;
 635             }
 636          }
 637       }
 638    }
 639 }
 640
 641 /* application with toolbar and main content area as a vertical box */
 642 group { name: "elm/layout/application/toolbar-vbox";
 643    parts {
 644       part { name: "elm.box.content";
 645          type: BOX;
 646          description { state: "default" 0.0;
 647             rel1 { to_y: "elm.external.toolbar";
 648                relative: 0.0 1.0;
 649                offset: -1 1;
 650             }
 651             box.layout: "vertical";
 652          }
 653       }
 654
 655       part { name: "elm.external.toolbar";
 656          type: EXTERNAL;
 657          source: "elm/toolbar";
 658          description { state: "default" 0.0;
 659             align: 0.5 0.0;
 660             fixed: 0 1;
 661             rel2 {
 662                relative: 1.0 0.0;
 663                offset: -1 47;
 664             }
 665          }
 666       }
 667    }
 668 }
 669
 670 /* application with toolbar and main content area as a table */
 671 group { name: "elm/layout/application/toolbar-table";
 672    parts {
 673       part { name: "elm.table.content";
 674          type: TABLE;
 675          description { state: "default" 0.0;
 676             rel1 { to_y: "elm.external.toolbar";
 677                relative: 0.0 1.0;
 678                offset: -1 1;
 679             }
 680          }
 681       }
 682
 683       part { name: "elm.external.toolbar";
 684          type: EXTERNAL;
 685          source: "elm/toolbar";
 686          description { state: "default" 0.0;
 687             align: 0.5 0.0;
 688             fixed: 0 1;
 689             rel2 {
 690                relative: 1.0 0.0;
 691                offset: -1 47;
 692             }
 693          }
 694       }
 695    }
 696 }
 697 /* a simple title layout, with a label and two icons */
 698 group { name: "elm/layout/application/titlebar";
 699    images {
 700       image: "toolbar_sel.png" COMP;
 701    }
 702    parts {
 703       part { name: "base";
 704          mouse_events: 0;
 705          scale: 1;
 706          description { state: "default" 0.0;
 707             min: 0 33;
 708             max: 99999 33;
 709             align: 0.5 0.0;
 710             rel1.offset: -1 0;
 711             rel2.offset: 1 0;
 712             image {
 713                normal: "toolbar_sel.png";
 714                border: 3 3 0 0;
 715             }
 716          }
 717       }
 718       part { name: "elm.swallow.content";
 719          type: SWALLOW;
 720          description { state: "default" 0.0;
 721             visible: 1;
 722             rel1 {
 723                to: "base";
 724                relative: 0.0 1.0;
 725             }
 726          }
 727       }
 728       part { name: "elm.swallow.icon";
 729          type: SWALLOW;
 730          scale: 1;
 731          description { state: "default" 0.0;
 732             visible: 0;
 733             fixed: 1 1;
 734             align: 0.0 0.0;
 735             rel1 {
 736                to: "base";
 737                relative: 0.0 0.0;
 738                offset: 4 0;
 739             }
 740             rel2 {
 741                to: "base";
 742                relative: 0.0 1.0;
 743             }
 744          }
 745          description { state: "visible" 0.0;
 746             inherit: "default" 0.0;
 747             visible: 1;
 748          }
 749       }
 750       part { name: "elm.swallow.end";
 751          type: SWALLOW;
 752          scale: 1;
 753          description { state: "default" 0.0;
 754             visible: 0;
 755             fixed: 1 1;
 756             align: 1.0 0.0;
 757             rel1 {
 758                to: "base";
 759                relative: 1.0 0.0;
 760                offset: 0 0;
 761             }
 762             rel2 {
 763                to: "base";
 764                relative: 1.0 1.0;
 765                offset: -5 -1;
 766             }
 767          }
 768          description { state: "visible" 0.0;
 769             inherit: "default" 0.0;
 770             visible: 1;
 771          }
 772       }
 773       part { name: "elm.text";
 774          type: TEXT;
 775          effect: SOFT_SHADOW;
 776          mouse_events: 0;
 777          scale: 1;
 778          description { state: "default" 0.0;
 779             fixed: 1 1;
 780             rel1 {
 781                to_x: "elm.swallow.icon";
 782                to_y: "base";
 783                relative: 1.0 0.0;
 784             }
 785             rel2 {
 786                to_x: "elm.swallow.end";
 787                to_y: "base";
 788                relative: 0.0 1.0;
 789             }
 790             text {
 791                font: "Sans";
 792                size: 12;
 793                min: 0 0;
 794                align: 0.5 0.5;
 795                text_class: "title_bar";
 796             }
 797          }
 798       }
 799    }
 800    programs {
 801       program { name: "show_icon";
 802          signal: "elm,state,icon,visible";
 803          source: "elm";
 804          action: STATE_SET "visible" 0.0;
 805          target: "elm.swallow.icon";
 806       }
 807       program { name: "hide_icon";
 808          signal: "elm,state,icon,hidden";
 809          source: "elm";
 810          action: STATE_SET "default" 0.0;
 811          target: "elm.swallow.icon";
 812       }
 813       program { name: "show_end";
 814          signal: "elm,state,end,visible";
 815          source: "elm";
 816          action: STATE_SET "visible" 0.0;
 817          target: "elm.swallow.end";
 818       }
 819       program { name: "hide_end";
 820          signal: "elm,state,end,hidden";
 821          source: "elm";
 822          action: STATE_SET "default" 0.0;
 823          target: "elm.swallow.end";
 824       }
 825    }
 826 }
 827