themes/widgets/actionslider.edc

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