themes/widgets/actionslider.edc

   1 /*
   2  * Copyright (c) 2011 Samsung Electronics Co., Ltd All Rights Reserved
   3  *
   4  *  Licensed under the Apache License, Version 2.0 (the "License");
   5  *  you may not use this file except in compliance with the License.
   6  *  You may obtain a copy of the License at
   7  *
   8  *      http://www.apache.org/licenses/LICENSE-2.0
   9  *
  10  *  Unless required by applicable law or agreed to in writing, software
  11  *  distributed under the License is distributed on an "AS IS" BASIS,
  12  *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  13  *  See the License for the specific language governing permissions and
  14  *  limitations under the License.
  15  *
  16  */
  17
  18         /********************/
  19         /* elm_actionslider */
  20         /********************/
  21         #define ACTIONSLIDER_BG_H                       96
  22         #define ACTIONSLIDER_BG_LEFT_W                  6
  23         #define ACTIONSLIDER_BG_RIGHT_W                 6
  24
  25         // button type
  26         #define ACTIONSLIDER_BUTTON_W                   64
  27         #define ACTIONSLIDER_BUTTON_H                   88
  28         #define ACTIONSLIDER_BUTTON_TOP_PADDING_H       4
  29         #define ACTIONSLIDER_BUTTON_BOTTOM_PADDING_H    4
  30         #define ACTIONSLIDER_BUTTON_TEXT_PADDING_LEFT   12
  31         #define ACTIONSLIDER_BUTTON_TEXT_PADDING_RIGHT  12
  32
  33         // bar type
  34         #define ACTIONSLIDER_BAR_W                      32
  35         #define ACTIONSLIDER_BAR_H                      86
  36         #define ACTIONSLIDER_BAR_TOP_PADDING_H          5
  37         #define ACTIONSLIDER_BAR_BOTTOM_PADDING_H       5
  38         #define ACTIONSLIDER_BAR_TEXT_PADDING_LEFT      10
  39         #define ACTIONSLIDER_BAR_TEXT_PADDING_RIGHT     10
  40
  41         // elm_actionslider default(button) style
  42         group {
  43                 name: "elm/actionslider/base/default";
  44                 alias: "elm/actionslider/base/button";
  45
  46                 images {
  47                         image: "01_action_slider_bg_left.png" COMP;
  48                         image: "01_action_slider_bg_center.png" COMP;
  49                         image: "01_action_slider_bg_right.png" COMP;
  50                 }
  51
  52                 parts {
  53                         part {
  54                                 name: "bg";
  55                                 type: RECT;
  56                                 mouse_events: 0;
  57                                 scale: 1;
  58                                 description {
  59                                         state: "default" 0.0;
  60                                         min: 0 ACTIONSLIDER_BG_H;
  61                                         fixed: 0 1;
  62                                         align: 0.5 0;
  63                                         rel1 { relative: 0.0 0.0; }
  64                                         rel2 { relative: 1.0 0.0; }
  65                                         color: 0 0 0 0;
  66                                 }
  67                         }
  68                         part {
  69                                 name: "image.bg.left";
  70                                 type: IMAGE;
  71                                 mouse_events: 0;
  72                                 scale: 1;
  73                                 description {
  74                                         state: "default" 0.0;
  75                                         min: ACTIONSLIDER_BG_LEFT_W 0;
  76                                         fixed: 1 0;
  77                                         align: 0 0.5;
  78                                         rel1 { relative: 0.0 0.0; to: "bg"; }
  79                                         rel2 { relative: 0.0 1.0; to: "bg"; }
  80                                         image.normal: "01_action_slider_bg_left.png";
  81                                 }
  82                         }
  83                         part {
  84                                 name: "image.bg.right";
  85                                 type: IMAGE;
  86                                 mouse_events: 0;
  87                                 scale: 1;
  88                                 description {
  89                                         state: "default" 0.0;
  90                                         min: ACTIONSLIDER_BG_RIGHT_W 0;
  91                                         fixed: 1 0;
  92                                         align: 1.0 0.5;
  93                                         rel1 { relative: 1.0 0.0;  to: "bg"; }
  94                                         rel2 { relative: 1.0 1.0; to: "bg"; }
  95                                         image.normal: "01_action_slider_bg_right.png";
  96                                 }
  97                         }
  98                         part {
  99                                 name: "image.bg.center";
 100                                 type: IMAGE;
 101                                 mouse_events: 0;
 102                                 description {
 103                                         state: "default" 0.0;
 104                                         rel1 { relative: 1.0 0.0; to: "image.bg.left"; }
 105                                         rel2 { relative: 0.0 1.0; to: "image.bg.right"; }
 106                                         image.normal: "01_action_slider_bg_center.png";
 107                                 }
 108                         }
 109                         part {
 110                                 name: "padding.top";
 111                                 type: RECT;
 112                                 mouse_events: 0;
 113                                 scale: 1;
 114                                 description {
 115                                         state: "default" 0.0;
 116                                         min: 0 ACTIONSLIDER_BUTTON_TOP_PADDING_H;
 117                                         fixed: 0 1;
 118                                         align: 0.5 0.0;
 119                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 120                                         rel2 { relative: 1.0 0.0; to: "bg"; }
 121                                         color: 0 0 0 0;
 122                                 }
 123                         }
 124                         part {
 125                                 name: "padding.bottom";
 126                                 type: RECT;
 127                                 mouse_events: 0;
 128                                 scale: 1;
 129                                 description {
 130                                         state: "default" 0.0;
 131                                         min: 0 ACTIONSLIDER_BUTTON_BOTTOM_PADDING_H;
 132                                         fixed: 0 1;
 133                                         align: 0.5 1.0;
 134                                         rel1 { relative: 0.0 1.0; to: "bg"; }
 135                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 136                                         color: 0 0 0 0;
 137                                 }
 138                         }
 139                         part {
 140                                 name: "icon.dragable.area";
 141                                 type: RECT;
 142                                 mouse_events: 1;
 143                                 description {
 144                                         state: "default" 0.0;
 145                                         rel1 { relative: 0.0 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
 146                                         rel2 { relative: 1.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
 147                                         color: 0 0 0 0;
 148                                 }
 149                         }
 150                         part {
 151                                 name: "text.padding.left";
 152                                 type: RECT;
 153                                 mouse_events: 0;
 154                                 scale: 1;
 155                                 description {
 156                                         state: "default" 0.0;
 157                                         min: ACTIONSLIDER_BUTTON_TEXT_PADDING_LEFT 0;
 158                                         fixed: 1 0;
 159                                         align: 0 0.5;
 160                                         rel1 { relative: 0.0 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
 161                                         rel2 { relative: 0.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
 162                                         color: 0 0 0 0;
 163                                 }
 164                         }
 165                         part {
 166                                 name: "text.padding.right";
 167                                 type: RECT;
 168                                 mouse_events: 0;
 169                                 scale: 1;
 170                                 description {
 171                                         state: "default" 0.0;
 172                                         min: ACTIONSLIDER_BUTTON_TEXT_PADDING_RIGHT 0;
 173                                         fixed: 1 0;
 174                                         align: 1 0.5;
 175                                         rel1 { relative: 1.0 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
 176                                         rel2 { relative: 1.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
 177                                         color: 0 0 0 0;
 178                                 }
 179                         }
 180                         part {
 181                                 name: "elm.text.left";
 182                                 type: TEXT;
 183                                 mouse_events: 0;
 184                                 scale: 1;
 185                                 description {
 186                                         state: "default" 0.0;
 187                                         visible: 1;
 188                                         rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }
 189                                         rel2 { relative: 0.5 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
 190                                         color: 0 162 255 255;
 191                                         text {
 192                                                 font: "SLP:style=Roman";
 193                                                 size: 32;
 194                                                 align: 0 0.5;
 195                                         }
 196                                 }
 197                         }
 198                         part {
 199                                 name: "elm.text.right";
 200                                 type: TEXT;
 201                                 mouse_events: 0;
 202                                 scale: 1;
 203                                 description {
 204                                         state: "default" 0.0;
 205                                         visible: 1;
 206                                         rel1 { relative: 0.5 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
 207                                         rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
 208                                         color: 230 0 0 255;
 209                                         text {
 210                                                 font: "SLP:style=Roman";
 211                                                 size: 32;
 212                                                 align: 1 0.5;
 213                                         }
 214                                 }
 215                         }
 216                         part {
 217                                 name: "elm.text.center";
 218                                 type: TEXT;
 219                                 mouse_events: 0;
 220                                 scale: 1;
 221                                 effect: SHADOW;
 222                                 description {
 223                                         state: "default" 0.0;
 224                                         visible: 1;
 225                                         rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }
 226                                         rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
 227                                         color: 230 0 0 255;
 228                                         color2: 0 0 0 255;
 229                                         text {
 230                                                 font: "SLP:style=Roman";
 231                                                 size: 42;
 232                                                 align: 0.5 0.5;
 233                                         }
 234                                 }
 235                                 description {
 236                                         state: "show" 0.0;
 237                                         inherit: "default" 0.0;
 238                                         visible: 1;
 239                                 }
 240                                 description {
 241                                         state: "hide" 0.0;
 242                                         inherit: "default" 0.0;
 243                                         visible: 0;
 244                                 }
 245                         }
 246                         part {
 247                                 name: "elm.swallow.icon";
 248                                 type: SWALLOW;
 249                                 mouse_events: 1;
 250                                 scale: 1;
 251                                 description {
 252                                         state: "default" 0.0;
 253                                         min: ACTIONSLIDER_BUTTON_W ACTIONSLIDER_BUTTON_H;
 254                                         fixed: 1 1;
 255                                         align: 0 0.5;
 256                                         rel1 { relative: 0.0 0.0; to: "icon.dragable.area"; }
 257                                         rel2 { relative: 0.0 1.0; to: "icon.dragable.area"; }
 258                                 }
 259                                 dragable {
 260                                         confine: "icon.dragable.area";
 261                                         x: 1 1 1530;
 262                                         y: 0 0 0;
 263                                 }
 264                         }
 265                 } // end of parts
 266                 programs {
 267                 } // end of programs
 268         } // end of group "elm/actionslider/base/default" and "elm/actionslider/base/button"
 269
 270         group {
 271                 name: "elm/actionslider/icon/default";
 272                 alias: "elm/actionslider/icon/button";
 273
 274                 images {
 275                         image: "01_action_slider_button.png" COMP;
 276                 }
 277                 parts {
 278                         part {
 279                                 name: "image.button";
 280                                 type: IMAGE;
 281                                 mouse_events: 1;
 282                                 description {
 283                                         state: "default" 0.0;
 284                                         rel1 { relative: 0.0 0.0; }
 285                                         rel2 { relative: 1.0 1.0; }
 286                                         image.normal: "01_action_slider_button.png";
 287                                 }
 288                         }
 289                 } // end of parts
 290         } // end of group "elm/actionslider/icon/default"
 291
 292         // elm_actionslider bar_green style
 293         group {
 294                 name: "elm/actionslider/base/bar_green";
 295
 296                 images {
 297                         image: "01_action_slider_bg_left.png" COMP;
 298                         image: "01_action_slider_bg_center.png" COMP;
 299                         image: "01_action_slider_bg_right.png" COMP;
 300                         image: "01_action_slider_bar_green_left.png" COMP;
 301                         image: "01_action_slider_bar_green_center.png" COMP;
 302                 }
 303
 304                 parts {
 305                         part {
 306                                 name: "bg";
 307                                 type: RECT;
 308                                 mouse_events: 0;
 309                                 scale: 1;
 310                                 description {
 311                                         state: "default" 0.0;
 312                                         min: 0 ACTIONSLIDER_BG_H;
 313                                         fixed: 0 1;
 314                                         align: 0.5 0;
 315                                         rel1 { relative: 0.0 0.0; }
 316                                         rel2 { relative: 1.0 0.0; }
 317                                         color: 0 0 0 0;
 318                                 }
 319                         }
 320                         part {
 321                                 name: "image.bg.left";
 322                                 type: IMAGE;
 323                                 mouse_events: 0;
 324                                 scale: 1;
 325                                 description {
 326                                         state: "default" 0.0;
 327                                         min: ACTIONSLIDER_BG_LEFT_W 0;
 328                                         fixed: 1 0;
 329                                         align: 0 0.5;
 330                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 331                                         rel2 { relative: 0.0 1.0; to: "bg"; }
 332                                         image.normal: "01_action_slider_bg_left.png";
 333                                 }
 334                         }
 335                         part {
 336                                 name: "image.bg.right";
 337                                 type: IMAGE;
 338                                 mouse_events: 0;
 339                                 scale: 1;
 340                                 description {
 341                                         state: "default" 0.0;
 342                                         min: ACTIONSLIDER_BG_RIGHT_W 0;
 343                                         fixed: 1 0;
 344                                         align: 1.0 0.5;
 345                                         rel1 { relative: 1.0 0.0;  to: "bg"; }
 346                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 347                                         image.normal: "01_action_slider_bg_right.png";
 348                                 }
 349                         }
 350                         part {
 351                                 name: "image.bg.center";
 352                                 type: IMAGE;
 353                                 mouse_events: 0;
 354                                 description {
 355                                         state: "default" 0.0;
 356                                         rel1 { relative: 1.0 0.0; to: "image.bg.left"; }
 357                                         rel2 { relative: 0.0 1.0; to: "image.bg.right"; }
 358                                         image.normal: "01_action_slider_bg_center.png";
 359                                 }
 360                         }
 361                         part {
 362                                 name: "padding.top";
 363                                 type: RECT;
 364                                 mouse_events: 0;
 365                                 scale: 1;
 366                                 description {
 367                                         state: "default" 0.0;
 368                                         min: 0 ACTIONSLIDER_BAR_TOP_PADDING_H;
 369                                         fixed: 0 1;
 370                                         align: 0.5 0.0;
 371                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 372                                         rel2 { relative: 1.0 0.0; to: "bg"; }
 373                                         color: 0 0 0 0;
 374                                 }
 375                         }
 376                         part {
 377                                 name: "padding.bottom";
 378                                 type: RECT;
 379                                 mouse_events: 0;
 380                                 scale: 1;
 381                                 description {
 382                                         state: "default" 0.0;
 383                                         min: 0 ACTIONSLIDER_BAR_BOTTOM_PADDING_H;
 384                                         fixed: 0 1;
 385                                         align: 0.5 1.0;
 386                                         rel1 { relative: 0.0 1.0; to: "bg"; }
 387                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 388                                         color: 0 0 0 0;
 389                                 }
 390                         }
 391                         part {
 392                                 name: "text.padding.left";
 393                                 type: RECT;
 394                                 mouse_events: 0;
 395                                 scale: 1;
 396                                 description {
 397                                         state: "default" 0.0;
 398                                         min: ACTIONSLIDER_BAR_TEXT_PADDING_LEFT 0;
 399                                         fixed: 1 0;
 400                                         align: 0 0.5;
 401                                         rel1 { relative: 0.0 0.0; to: "image.bg.center"; }
 402                                         rel2 { relative: 0.0 1.0; to: "image.bg.center"; }
 403                                         color: 0 0 0 0;
 404                                 }
 405                         }
 406                         part {
 407                                 name: "text.padding.right";
 408                                 type: RECT;
 409                                 mouse_events: 0;
 410                                 scale: 1;
 411                                 description {
 412                                         state: "default" 0.0;
 413                                         min: ACTIONSLIDER_BAR_TEXT_PADDING_RIGHT 0;
 414                                         fixed: 1 0;
 415                                         align: 1 0.5;
 416                                         rel1 { relative: 1.0 0.0; to: "image.bg.center"; }
 417                                         rel2 { relative: 1.0 1.0; to: "image.bg.center"; }
 418                                         color: 0 0 0 0;
 419                                 }
 420                         }
 421                         part {
 422                                 name: "elm.text.right";
 423                                 type: TEXT;
 424                                 mouse_events: 0;
 425                                 scale: 1;
 426                                 description {
 427                                         state: "default" 0.0;
 428                                         visible: 1;
 429                                         rel1 { relative: 0.5 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
 430                                         rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
 431                                         color: 255 255 255 255;
 432                                         text {
 433                                                 font: "SLP:style=Roman";
 434                                                 size: 42;
 435                                                 align: 1 0.5;
 436                                         }
 437                                 }
 438                         }
 439                         part {
 440                                 name: "bar.padding.left";
 441                                 type: RECT;
 442                                 scale: 1;
 443                                 description {
 444                                         state: "default" 0.0;
 445                                         min: 3 0;
 446                                         fixed: 1 0;
 447                                         align: 0 0.5;
 448                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 449                                         rel2 { relative: 0.0 1.0; to: "bg"; }
 450                                         color: 0 0 0 0;
 451                                 }
 452                         }
 453                         part {
 454                                 name: "image.bar.left";
 455                                 type: IMAGE;
 456                                 scale: 1;
 457                                 description {
 458                                         state: "default" 0.0;
 459                                         visible: 1;
 460                                         min: 6 0;
 461                                         fixed: 1 0;
 462                                         align: 0 0.5;
 463                                         rel1 { relative: 1.0 1.0; to_x: "bar.padding.left"; to_y: "padding.top"; }
 464                                         rel2 { relative: 1.0 0.0; to_x: "bar.padding.left"; to_y: "padding.bottom"; }
 465                                         image.normal: "01_action_slider_bar_green_left.png";
 466                                 }
 467                         }
 468                         part {
 469                                 name: "bar.padding.center";
 470                                 type: RECT;
 471                                 mouse_events: 0;
 472                                 scale: 1;
 473                                 description {
 474                                         state: "default" 0.0;
 475                                         visible: 0;
 476                                         min: 11 0;
 477                                         fixed: 1 0;
 478                                         align: 0 0.5;
 479                                         rel1 { relative: 1.0 1.0; to_x: "image.bar.left"; to_y: "padding.top"; }
 480                                         rel2 { relative: 1.0 0.0; to_x: "image.bar.left"; to_y: "padding.bottom"; }
 481                                 }
 482                         }
 483                         part {
 484                                 name: "image.bar.center";
 485                                 type: IMAGE;
 486                                 mouse_events: 0;
 487                                 description {
 488                                         state: "default" 0.0;
 489                                         visible: 1;
 490                                         rel1 { relative: 0.0 1.0; to_x: "bar.padding.center"; to_y: "padding.top"; }
 491                                         rel2 { relative: 0.0 0.0; to_x: "elm.swallow.icon"; to_y: "padding.bottom"; }
 492                                         image.normal: "01_action_slider_bar_green_center.png";
 493                                 }
 494                         }
 495                         part {
 496                                 name: "icon.dragable.area";
 497                                 type: RECT;
 498                                 mouse_events: 1;
 499                                 description {
 500                                         state: "default" 0.0;
 501                                         rel1 { relative: 1.0 1.0; to_x: "bar.padding.center"; to_y: "padding.top"; }
 502                                         rel2 { relative: 1.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
 503                                         color: 0 0 0 0;
 504                                 }
 505                         }
 506                         part {
 507                                 name: "elm.swallow.icon";
 508                                 type: SWALLOW;
 509                                 mouse_events: 1;
 510                                 scale: 1;
 511                                 description {
 512                                         state: "default" 0.0;
 513                                         min: ACTIONSLIDER_BAR_W ACTIONSLIDER_BAR_H;
 514                                         fixed: 1 1;
 515                                         align: 0 0.5;
 516                                         rel1 { relative: 0.0 0.0; to: "icon.dragable.area"; }
 517                                         rel2 { relative: 1.0 1.0; to: "icon.dragable.area"; }
 518                                 }
 519                                 dragable {
 520                                         confine: "icon.dragable.area";
 521                                         x: 1 1 1530;
 522                                         y: 0 0 0;
 523                                 }
 524                         }
 525                         part {
 526                                 name: "elm.text.center";
 527                                 type: TEXT;
 528                                 mouse_events: 0;
 529                                 scale: 1;
 530                                 effect: SHADOW;
 531                                 description {
 532                                         state: "default" 0.0;
 533                                         visible: 0;
 534                                         rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }
 535                                         rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
 536                                         color: 255 255 255 255;
 537                                         color2: 0 0 0 255;
 538                                         text {
 539                                                 font: "SLP:style=Roman";
 540                                                 size: 42;
 541                                                 align: 0.5 0.5;
 542                                         }
 543                                 }
 544                                 description {
 545                                         state: "show" 0.0;
 546                                         inherit: "default" 0.0;
 547                                         visible: 1;
 548                                 }
 549                                 description {
 550                                         state: "hide" 0.0;
 551                                         inherit: "default" 0.0;
 552                                         visible: 0;
 553                                 }
 554                         }
 555                 } // end of parts
 556                 programs {
 557                         program {
 558                                 name: "show_text_center";
 559                                 signal: "elm,show,text,center";
 560                                 source: "elm";
 561                                 action: STATE_SET "show" 0.0;
 562                                 target: "elm.text.center";
 563                         }
 564                         program {
 565                                 name: "hide_text_center";
 566                                 signal: "elm,hide,text,center";
 567                                 source: "elm";
 568                                 action: STATE_SET "hide" 0.0;
 569                                 target: "elm.text.center";
 570                         }
 571                 } // end of programs
 572         } // end of group "elm/actionslider/base/bar_green"
 573
 574         group {
 575                 name: "elm/actionslider/icon/bar_green";
 576
 577                 images {
 578                         image: "01_action_slider_bar_green_right.png" COMP;
 579                 }
 580                 parts {
 581                         part {
 582                                 name: "image.button";
 583                                 type: IMAGE;
 584                                 mouse_events: 1;
 585                                 description {
 586                                         state: "default" 0.0;
 587                                         rel1 { relative: 0.0 0.0; }
 588                                         rel2 { relative: 1.0 1.0; }
 589                                         image.normal: "01_action_slider_bar_green_right.png";
 590                                 }
 591                         }
 592                 } // end of parts
 593         } // end of group "elm/actionslider/icon/bar_green"
 594
 595         // elm_actionslider bar_red style
 596         group {
 597                 name: "elm/actionslider/base/bar_red";
 598
 599                 images {
 600                         image: "01_action_slider_bg_left.png" COMP;
 601                         image: "01_action_slider_bg_center.png" COMP;
 602                         image: "01_action_slider_bg_right.png" COMP;
 603                         image: "01_action_slider_bar_red_left.png" COMP;
 604                         image: "01_action_slider_bar_red_center.png" COMP;
 605                 }
 606
 607                 parts {
 608                         part {
 609                                 name: "bg";
 610                                 type: RECT;
 611                                 mouse_events: 0;
 612                                 scale: 1;
 613                                 description {
 614                                         state: "default" 0.0;
 615                                         min: 0 ACTIONSLIDER_BG_H;
 616                                         fixed: 0 1;
 617                                         align: 0.5 0;
 618                                         rel1 { relative: 0.0 0.0; }
 619                                         rel2 { relative: 1.0 0.0; }
 620                                         color: 0 0 0 0;
 621                                 }
 622                         }
 623                         part {
 624                                 name: "image.bg.left";
 625                                 type: IMAGE;
 626                                 mouse_events: 0;
 627                                 scale: 1;
 628                                 description {
 629                                         state: "default" 0.0;
 630                                         min: ACTIONSLIDER_BG_LEFT_W 0;
 631                                         fixed: 1 0;
 632                                         align: 0 0.5;
 633                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 634                                         rel2 { relative: 0.0 1.0; to: "bg"; }
 635                                         image.normal: "01_action_slider_bg_left.png";
 636                                 }
 637                         }
 638                         part {
 639                                 name: "image.bg.right";
 640                                 type: IMAGE;
 641                                 mouse_events: 0;
 642                                 scale: 1;
 643                                 description {
 644                                         state: "default" 0.0;
 645                                         min: ACTIONSLIDER_BG_RIGHT_W 0;
 646                                         fixed: 1 0;
 647                                         align: 1.0 0.5;
 648                                         rel1 { relative: 1.0 0.0;  to: "bg"; }
 649                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 650                                         image.normal: "01_action_slider_bg_right.png";
 651                                 }
 652                         }
 653                         part {
 654                                 name: "image.bg.center";
 655                                 type: IMAGE;
 656                                 mouse_events: 0;
 657                                 description {
 658                                         state: "default" 0.0;
 659                                         rel1 { relative: 1.0 0.0; to: "image.bg.left"; }
 660                                         rel2 { relative: 0.0 1.0; to: "image.bg.right"; }
 661                                         image.normal: "01_action_slider_bg_center.png";
 662                                 }
 663                         }
 664                         part {
 665                                 name: "padding.top";
 666                                 type: RECT;
 667                                 mouse_events: 0;
 668                                 scale: 1;
 669                                 description {
 670                                         state: "default" 0.0;
 671                                         min: 0 ACTIONSLIDER_BAR_TOP_PADDING_H;
 672                                         fixed: 0 1;
 673                                         align: 0.5 0.0;
 674                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 675                                         rel2 { relative: 1.0 0.0; to: "bg"; }
 676                                         color: 0 0 0 0;
 677                                 }
 678                         }
 679                         part {
 680                                 name: "padding.bottom";
 681                                 type: RECT;
 682                                 mouse_events: 0;
 683                                 scale: 1;
 684                                 description {
 685                                         state: "default" 0.0;
 686                                         min: 0 ACTIONSLIDER_BAR_BOTTOM_PADDING_H;
 687                                         fixed: 0 1;
 688                                         align: 0.5 1.0;
 689                                         rel1 { relative: 0.0 1.0; to: "bg"; }
 690                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 691                                         color: 0 0 0 0;
 692                                 }
 693                         }
 694                         part {
 695                                 name: "text.padding.left";
 696                                 type: RECT;
 697                                 mouse_events: 0;
 698                                 scale: 1;
 699                                 description {
 700                                         state: "default" 0.0;
 701                                         min: ACTIONSLIDER_BAR_TEXT_PADDING_LEFT 0;
 702                                         fixed: 1 0;
 703                                         align: 0 0.5;
 704                                         rel1 { relative: 0.0 0.0; to: "image.bg.center"; }
 705                                         rel2 { relative: 0.0 1.0; to: "image.bg.center"; }
 706                                         color: 0 0 0 0;
 707                                 }
 708                         }
 709                         part {
 710                                 name: "text.padding.right";
 711                                 type: RECT;
 712                                 mouse_events: 0;
 713                                 scale: 1;
 714                                 description {
 715                                         state: "default" 0.0;
 716                                         min: ACTIONSLIDER_BAR_TEXT_PADDING_RIGHT 0;
 717                                         fixed: 1 0;
 718                                         align: 1 0.5;
 719                                         rel1 { relative: 1.0 0.0; to: "image.bg.center"; }
 720                                         rel2 { relative: 1.0 1.0; to: "image.bg.center"; }
 721                                         color: 0 0 0 0;
 722                                 }
 723                         }
 724                         part {
 725                                 name: "elm.text.right";
 726                                 type: TEXT;
 727                                 mouse_events: 0;
 728                                 scale: 1;
 729                                 description {
 730                                         state: "default" 0.0;
 731                                         visible: 1;
 732                                         rel1 { relative: 0.5 1.0; to_x: "image.bg.center"; to_y: "padding.top"; }
 733                                         rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
 734                                         color: 255 255 255 255;
 735                                         text {
 736                                                 font: "SLP:style=Roman";
 737                                                 size: 42;
 738                                                 align: 1 0.5;
 739                                         }
 740                                 }
 741                         }
 742                         part {
 743                                 name: "bar.padding.left";
 744                                 type: RECT;
 745                                 scale: 1;
 746                                 description {
 747                                         state: "default" 0.0;
 748                                         min: 3 0;
 749                                         fixed: 1 0;
 750                                         align: 0 0.5;
 751                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 752                                         rel2 { relative: 0.0 1.0; to: "bg"; }
 753                                         color: 0 0 0 0;
 754                                 }
 755                         }
 756                         part {
 757                                 name: "image.bar.left";
 758                                 type: IMAGE;
 759                                 scale: 1;
 760                                 description {
 761                                         state: "default" 0.0;
 762                                         visible: 1;
 763                                         min: 6 0;
 764                                         fixed: 1 0;
 765                                         align: 0 0.5;
 766                                         rel1 { relative: 1.0 1.0; to_x: "bar.padding.left"; to_y: "padding.top"; }
 767                                         rel2 { relative: 1.0 0.0; to_x: "bar.padding.left"; to_y: "padding.bottom"; }
 768                                         image.normal: "01_action_slider_bar_red_left.png";
 769                                 }
 770                         }
 771                         part {
 772                                 name: "bar.padding.center";
 773                                 type: RECT;
 774                                 mouse_events: 0;
 775                                 scale: 1;
 776                                 description {
 777                                         state: "default" 0.0;
 778                                         visible: 0;
 779                                         min: 11 0;
 780                                         fixed: 1 0;
 781                                         align: 0 0.5;
 782                                         rel1 { relative: 1.0 1.0; to_x: "image.bar.left"; to_y: "padding.top"; }
 783                                         rel2 { relative: 1.0 0.0; to_x: "image.bar.left"; to_y: "padding.bottom"; }
 784                                 }
 785                         }
 786                         part {
 787                                 name: "image.bar.center";
 788                                 type: IMAGE;
 789                                 mouse_events: 0;
 790                                 description {
 791                                         state: "default" 0.0;
 792                                         visible: 1;
 793                                         rel1 { relative: 0.0 1.0; to_x: "bar.padding.center"; to_y: "padding.top"; }
 794                                         rel2 { relative: 0.0 0.0; to_x: "elm.swallow.icon"; to_y: "padding.bottom"; }
 795                                         image.normal: "01_action_slider_bar_red_center.png";
 796                                 }
 797                         }
 798                         part {
 799                                 name: "icon.dragable.area";
 800                                 type: RECT;
 801                                 mouse_events: 1;
 802                                 description {
 803                                         state: "default" 0.0;
 804                                         rel1 { relative: 1.0 1.0; to_x: "bar.padding.center"; to_y: "padding.top"; }
 805                                         rel2 { relative: 1.0 0.0; to_x: "image.bg.center"; to_y: "padding.bottom"; }
 806                                         color: 0 0 0 0;
 807                                 }
 808                         }
 809                         part {
 810                                 name: "elm.swallow.icon";
 811                                 type: SWALLOW;
 812                                 mouse_events: 1;
 813                                 scale: 1;
 814                                 description {
 815                                         state: "default" 0.0;
 816                                         min: ACTIONSLIDER_BAR_W ACTIONSLIDER_BAR_H;
 817                                         fixed: 1 1;
 818                                         align: 0 0.5;
 819                                         rel1 { relative: 0.0 0.0; to: "icon.dragable.area"; }
 820                                         rel2 { relative: 1.0 1.0; to: "icon.dragable.area"; }
 821                                 }
 822                                 dragable {
 823                                         confine: "icon.dragable.area";
 824                                         x: 1 1 1530;
 825                                         y: 0 0 0;
 826                                 }
 827                         }
 828                         part {
 829                                 name: "elm.text.center";
 830                                 type: TEXT;
 831                                 mouse_events: 0;
 832                                 scale: 1;
 833                                 effect: SHADOW;
 834                                 description {
 835                                         state: "default" 0.0;
 836                                         visible: 0;
 837                                         rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }
 838                                         rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
 839                                         color: 255 255 255 255;
 840                                         color2: 0 0 0 255;
 841                                         text {
 842                                                 font: "SLP:style=Roman";
 843                                                 size: 42;
 844                                                 align: 0.5 0.5;
 845                                         }
 846                                 }
 847                                 description {
 848                                         state: "show" 0.0;
 849                                         inherit: "default" 0.0;
 850                                         visible: 1;
 851                                 }
 852                                 description {
 853                                         state: "hide" 0.0;
 854                                         inherit: "default" 0.0;
 855                                         visible: 0;
 856                                 }
 857                         }
 858                 } // end of parts
 859                 programs {
 860                         program {
 861                                 name: "show_text_center";
 862                                 signal: "elm,show,text,center";
 863                                 source: "elm";
 864                                 action: STATE_SET "show" 0.0;
 865                                 target: "elm.text.center";
 866                         }
 867                         program {
 868                                 name: "hide_text_center";
 869                                 signal: "elm,hide,text,center";
 870                                 source: "elm";
 871                                 action: STATE_SET "hide" 0.0;
 872                                 target: "elm.text.center";
 873                         }
 874                 } // end of programs
 875         } // end of group "elm/actionslider/base/bar_red"
 876
 877         group {
 878                 name: "elm/actionslider/icon/bar_red";
 879
 880                 images {
 881                         image: "01_action_slider_bar_red_right.png" COMP;
 882                 }
 883                 parts {
 884                         part {
 885                                 name: "image.button";
 886                                 type: IMAGE;
 887                                 mouse_events: 1;
 888                                 description {
 889                                         state: "default" 0.0;
 890                                         rel1 { relative: 0.0 0.0; }
 891                                         rel2 { relative: 1.0 1.0; }
 892                                         image.normal: "01_action_slider_bar_red_right.png";
 893                                 }
 894                         }
 895                 } // end of parts
 896         } // end of group "elm/actionslider/icon/bar_red"
 897
 898
 899         // elm_actionslider callslider style
 900         group {
 901                 name: "elm/actionslider/base/callslider";
 902
 903                 images {
 904                         image: "08_voicecall_multi_tasking_bg.png" COMP;
 905                         image: "08_voicecall_multi_tasking_arrow_left.png" COMP;
 906                         image: "08_voicecall_multi_tasking_arrow_right.png" COMP;
 907                 }
 908
 909                 parts {
 910                         part {
 911                                 name: "bg";
 912                                 type: RECT;
 913                                 mouse_events: 0;
 914                                 scale: 1;
 915                                 description {
 916                                         state: "default" 0.0;
 917                                         min: 480 42;
 918                                         fixed: 1 0;
 919                                         align: 0 0;
 920                                         rel1 { relative: 0.0 0.0; }
 921                                         rel2 { relative: 1.0 1.0; }
 922                                         color: 0 0 0 0;
 923                                 }
 924                         }
 925                         part {
 926                                 name: "image.bg";
 927                                 type: IMAGE;
 928                                 mouse_events: 0;
 929                                 scale: 1;
 930                                 description {
 931                                         state: "default" 0.0;
 932                                         rel1 { relative: 0.0 0.0; to:"bg";}
 933                                         rel2 { relative: 1.0 1.0; to:"bg";}
 934                                         image.normal: "08_voicecall_multi_tasking_bg.png";
 935                                 }
 936                         }
 937                         part {
 938                                 name: "padding.top";
 939                                 type: RECT;
 940                                 mouse_events: 0;
 941                                 scale: 1;
 942                                 description {
 943                                         state: "default" 0.0;
 944                                         min: 0 3;
 945                                         fixed: 0 1;
 946                                         align: 0.5 0.0;
 947                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 948                                         rel2 { relative: 1.0 0.0; to: "bg"; }
 949                                         color: 0 0 0 0;
 950                                 }
 951                         }
 952                         part {
 953                                 name: "padding.bottom";
 954                                 type: RECT;
 955                                 mouse_events: 0;
 956                                 scale: 1;
 957                                 description {
 958                                         state: "default" 0.0;
 959                                         min: 0 3;
 960                                         fixed: 0 1;
 961                                         align: 0.5 1.0;
 962                                         rel1 { relative: 0.0 1.0; to: "bg"; }
 963                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 964                                         color: 0 0 0 0;
 965                                 }
 966                         }
 967                         part {
 968                                 name: "text.padding.left";
 969                                 type: RECT;
 970                                 mouse_events: 0;
 971                                 scale: 1;
 972                                 description {
 973                                         state: "default" 0.0;
 974                                         min: 5 0;
 975                                         fixed: 1 0;
 976                                         align: 0 0.5;
 977                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 978                                         rel2 { relative: 0.0 1.0; to: "bg"; }
 979                                         color: 0 0 0 0;
 980                                 }
 981                         }
 982                         part {
 983                                 name: "text.padding.right";
 984                                 type: RECT;
 985                                 mouse_events: 0;
 986                                 scale: 1;
 987                                 description {
 988                                         state: "default" 0.0;
 989                                         min: 5 0;
 990                                         fixed: 1 0;
 991                                         align: 1 0.5;
 992                                         rel1 { relative: 1.0 0.0; to: "bg"; }
 993                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 994                                         color: 0 0 0 0;
 995                                 }
 996                         }
 997                         part {
 998                                 name: "elm.text.left";
 999                                 type: TEXT;
1000                                 mouse_events: 0;
1001                                 scale: 1;
1002                                 description {
1003                                         state: "default" 0.0;
1004                                         visible: 1;
1005                                         rel1 { relative: 1.0 1.0; to_x: "text.padding.left"; to_y: "padding.top"; }
1006                                         rel2 { relative: 0.5 0.0; to_x: "bg"; to_y: "padding.bottom"; }
1007                                         color: 230 228 229 255;
1008                                         text {
1009                                                 font: "SLP:style=Roman";
1010                                                 size: 22;
1011                                                 align: 0 0.5;
1012                                         }
1013                                 }
1014                         }
1015                         part {
1016                                 name: "elm.text.right";
1017                                 type: TEXT;
1018                                 mouse_events: 0;
1019                                 scale: 1;
1020                                 description {
1021                                         state: "default" 0.0;
1022                                         visible: 1;
1023                                         rel1 { relative: 0.5 1.0; to_x: "bg"; to_y: "padding.top"; }
1024                                         rel2 { relative: 0.0 0.0; to_x: "text.padding.right"; to_y: "padding.bottom"; }
1025                                         color: 230 228 229 255;
1026                                         text {
1027                                                 font: "SLP:style=Roman";
1028                                                 size: 22;
1029                                                 align: 1 0.5;
1030                                         }
1031                                 }
1032                         }
1033                         part {
1034                                 name: "drag.padding.left";
1035                                 type: RECT;
1036                                 mouse_events: 0;
1037                                 scale: 1;
1038                                 description {
1039                                         state: "default" 0.0;
1040                                         min: 0 0;
1041                                         fixed: 1 0;
1042                                         align: 0 0.5;
1043                                         rel1 { relative: 0.0 0.0; to: "bg"; }
1044                                         rel2 { relative: 0.0 1.0; to: "bg"; }
1045                                         color: 0 0 0 0;
1046                                 }
1047                         }
1048                         part {
1049                                 name: "drag.padding.right";
1050                                 type: RECT;
1051                                 mouse_events: 0;
1052                                 scale: 1;
1053                                 description {
1054                                         state: "default" 0.0;
1055                                         min: 0 0;
1056                                         fixed: 1 0;
1057                                         align: 1 0.5;
1058                                         rel1 { relative: 1.0 0.0; to: "bg"; }
1059                                         rel2 { relative: 1.0 1.0; to: "bg"; }
1060                                         color: 0 0 0 0;
1061                                 }
1062                         }
1063                         part {
1064                                 name: "icon.dragable.area";
1065                                 type: RECT;
1066                                 mouse_events: 1;
1067                                 description {
1068                                         state: "default" 0.0;
1069                                         rel1 { relative: 1.0 1.0; to_x: "drag.padding.left"; to_y: "padding.top"; }
1070                                         rel2 { relative: 0.0 0.0; to_x: "drag.padding.right"; to_y: "padding.bottom"; }
1071                                         color: 0 0 0 0;
1072                                 }
1073                         }
1074                         part {
1075                                 name: "elm.swallow.space";
1076                                 type: SWALLOW;
1077                                 mouse_events: 0;
1078                                 scale: 1;
1079                                 description {
1080                                         state: "default" 0.0;
1081                                         min: 40 36;
1082                                         fixed: 1 0;
1083                                         align: 0.5 0.5;
1084                                         rel1 { relative: 0.5 0.0; to: "icon.dragable.area"; }
1085                                         rel2 { relative: 0.5 1.0; to: "icon.dragable.area"; }
1086                                         color: 0 0 0 0;
1087                                         visible: 0;
1088                                 }
1089                         }
1090                         part {
1091                                 name: "image.button.left";
1092                                 type: IMAGE;
1093                                 mouse_events: 0;
1094                                 description {
1095                                         state: "default" 0.0;
1096                                         min: 16 15;
1097                                         fixed: 1 1;
1098                                         align: 1 0.5;
1099                                         rel1 { relative: 0.0 0.5; to:"elm.swallow.space";}
1100                                         rel2 { relative: 0.0 0.5; to:"elm.swallow.space";}
1101                                         //rel1 { relative: 0.0 0.5; to:"elm.swallow.icon";}
1102                                         //rel2 { relative: 0.0 0.5; to:"elm.swallow.icon";}
1103                                         image.normal: "08_voicecall_multi_tasking_arrow_left.png";
1104                                 }
1105                         }
1106                         part {
1107                                 name: "image.button.right";
1108                                 type: IMAGE;
1109                                 mouse_events: 0;
1110                                 description {
1111                                         state: "default" 0.0;
1112                                         min: 16 15;
1113                                         fixed: 1 1;
1114                                         align: 0 0.5;
1115                                         rel1 { relative: 1.0 0.5; to:"elm.swallow.space";}
1116                                         rel2 { relative: 1.0 0.5; to:"elm.swallow.space";}
1117                                         //rel1 { relative: 1.0 0.5; to:"elm.swallow.icon";}
1118                                         //rel2 { relative: 1.0 0.5; to:"elm.swallow.icon";}
1119                                         image.normal: "08_voicecall_multi_tasking_arrow_right.png";
1120                                 }
1121                         }
1122                         part {
1123                                 name: "elm.swallow.icon";
1124                                 type: SWALLOW;
1125                                 mouse_events: 1;
1126                                 scale: 1;
1127                                 description {
1128                                         state: "default" 0.0;
1129                                         min: 40 36;
1130                                         fixed: 0 0;
1131                                         align: 0 0.5;
1132                                         rel1 { relative: 0.0 0.0; to: "icon.dragable.area"; }
1133                                         rel2 { relative: 1.0 1.0; to: "icon.dragable.area"; }
1134                                         color: 0 0 0 0;
1135                                 }
1136                                 dragable {
1137                                         confine: "icon.dragable.area";
1138                                         x: 1 1 1530;
1139                                         y: 0 0 0;
1140                                 }
1141                         }
1142                 } // end of parts
1143         } // end of group "elm/actionslider/base/callslider"
1144
1145         group {
1146                 name: "elm/actionslider/icon/callslider";
1147
1148                 data {
1149                         /* Set padding value */
1150                         item: "left" "19";
1151                         item: "right" "19";
1152                 }
1153
1154                 images {
1155                         image: "08_voicecall_multi_tasking_button.png" COMP;
1156                 }
1157                 parts {
1158                         part {
1159                                 name: "image.button";
1160                                 type: IMAGE;
1161                                 mouse_events: 1;
1162                                 description {
1163                                         state: "default" 0.0;
1164                                         min: 0 0;
1165                                         fixed: 0 0;
1166                                         align: 0.5 0.5;
1167                                         rel1 { relative: 0.0 0.0; }
1168                                         rel2 { relative: 1.0 1.0; }
1169                                         image.normal: "08_voicecall_multi_tasking_button.png";
1170                                         //image.border: 19 19 0 0;
1171                                         image.border: 19 19 18 18;
1172                                         image.border_scale: 1;
1173                                 }
1174                         }
1175                         part {
1176                                 name: "elm.text.button";
1177                                 type: TEXT;
1178                                 mouse_events: 0;
1179                                 scale: 1;
1180                                 description {
1181                                         state: "default" 0.0;
1182                                         visible: 1;
1183                                         rel1 { relative: 0.0 0.0; to: "image.button"; }
1184                                         rel2 { relative: 1.0 1.0; to: "image.button"; }
1185                                         color: 53 45 39 255;
1186                                         text {
1187                                                 font: "SLP:style=Roman";
1188                                                 size: 22;
1189                                                 align: 0.5 0.5;
1190                                                 text: "";
1191                                         }
1192                                 }
1193                         }
1194                 } // end of parts
1195         } // end of group "elm/actionslider/icon/callslider"
1196