edc/browser-view-main.edc

   1 /*
   2   * Copyright 2012  Samsung Electronics Co., Ltd
   3   *
   4   * Licensed under the Flora License, Version 1.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.tizenopensource.org/license
   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 /* color define */
  18 #define BROWSER_COLOR_WHITE 255 255 255 255
  19
  20 /* image define */
  21 // grey bg color
  22 #define BROWSER_IMAGE_CONTENT_BG "browser-view-images/41_browser_new_win_bg.png"
  23
  24 #define BROWSER_WAITING_PROGRESS_SIZE 90 90
  25 #define BROWSER_FLOATING_BACKWARD_BUTTON_SIZE 120 124
  26 #define BROWSER_CONTROL_BAR_HEIGHT 114
  27
  28 collections {
  29         group {
  30                 name: "browser/browser-view-main";
  31                 images {
  32                         image: BROWSER_IMAGE_CONTENT_BG COMP;
  33                 }
  34                 parts {
  35                         part { name: "bg";
  36                                 mouse_events: 0;
  37                                 scale: 1;
  38                                 type: RECT;
  39                                 description {
  40                                         state: "default" 0.0;
  41                                         visible: 1;
  42                                         align: 0.0 0.0;
  43                                         rel1 { relative: 0.0 0.0; }
  44                                         rel2 { relative: 1.0 1.0; }
  45                                         color: BROWSER_COLOR_WHITE;
  46                                 }
  47                         }
  48                         part {
  49                                 name: "contents_bg";
  50                                 type: IMAGE;
  51                                 mouse_events: 0;
  52                                 scale: 1;
  53                                 description {
  54                                         state: "default" 0.0;
  55                                         visible: 0;
  56                                         align: 0.0 0.0;
  57                                         rel1 { relative: 0.0 0.0; to: "bg"; }
  58                                         rel2 { relative: 1.0 1.0; to: "bg"; }
  59                                         image.normal: BROWSER_IMAGE_CONTENT_BG;
  60                                 }
  61                                 description {
  62                                         state: "visible" 0.0;
  63                                         inherit: "default" 0.0;
  64                                         visible: 1;
  65                                 }
  66                         }
  67                         part {
  68                                 name: "elm.swallow.content";
  69                                 type: SWALLOW;
  70                                 mouse_events: 1;
  71                                 scale: 1;
  72                                 description {
  73                                         state: "default" 0.0;
  74                                         visible: 1;
  75                                         align: 0.0 0.0;
  76                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
  77                                         rel2 { relative: 1.0 0.0; to: "elm.swallow.control_bar"; }
  78                                 }
  79                         }
  80                         part {
  81                                 name: "elm.swallow.scissorbox";
  82                                 type: SWALLOW;
  83                                 mouse_events: 1;
  84                                 repeat_events: 0;
  85                                 scale: 1;
  86                                 description {
  87                                         state: "default" 0.0;
  88                                         visible: 0;
  89                                         align: 0.0 0.0;
  90                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.content"; }
  91                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.content"; }
  92                                 }
  93                                 description {
  94                                         state: "visible" 0.0;
  95                                         inherit: "default" 0.0;
  96                                         visible: 1;
  97                                 }
  98                         }
  99                         /* ifdef ZOOM_BUTTON */
 100                         part {
 101                                 name: "elm.swallow.zoom_out_button";
 102                                 type: SWALLOW;
 103                                 mouse_events: 1;
 104                                 repeat_events: 0;
 105                                 scale: 1;
 106                                 description {
 107                                         state: "default" 0.0;
 108                                         visible: 0;
 109                                         min: 56 56;
 110                                         max: 56 56;
 111                                         fixed: 1 1;
 112                                         align: 1.0 1.0;
 113                                         rel1 { relative: 0.4 -0.5; to_y: "elm.swallow.control_bar"; }
 114                                         rel2 { relative: 0.4 -0.5; to_y: "elm.swallow.control_bar"; }
 115                                 }
 116                                 description {
 117                                         state: "visible" 0.0;
 118                                         inherit: "default" 0.0;
 119                                         visible: 1;
 120                                 }
 121                         }
 122                         part {
 123                                 name: "elm.swallow.zoom_in_button";
 124                                 type: SWALLOW;
 125                                 mouse_events: 1;
 126                                 repeat_events: 0;
 127                                 scale: 1;
 128                                 description {
 129                                         state: "default" 0.0;
 130                                         visible: 0;
 131                                         min: 56 56;
 132                                         max: 56 56;
 133                                         fixed: 1 1;
 134                                         align: 0.0 1.0;
 135                                         rel1 { relative: 0.6 -0.5; to_y: "elm.swallow.control_bar"; }
 136                                         rel2 { relative: 0.6 -0.5; to_y: "elm.swallow.control_bar"; }
 137                                 }
 138                                 description {
 139                                         state: "visible" 0.0;
 140                                         inherit: "default" 0.0;
 141                                         visible: 1;
 142                                 }
 143                         }
 144                         /* endif ZOOM_BUTTON */
 145                         part {
 146                                 name: "padding,url_layout";  // padding
 147                                 type: RECT;
 148                                 mouse_events: 0;
 149                                 scale: 1;
 150                                 description {
 151                                         state: "default" 0.0;
 152                                         visible: 0;
 153                                         min: 0 150;
 154                                         fixed: 0 1;
 155                                         align: 0.0 0.0;
 156                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
 157                                         rel2 { relative: 1.0 0.0; to: "contents_bg"; }
 158                                         color: 0 0 0 0;
 159                                 }
 160                         }
 161                         part {
 162                                 name: "elm.swallow.waiting_progress";
 163                                 type: SWALLOW;
 164                                 mouse_events: 0;
 165                                 scale: 1;
 166                                 description {
 167                                         state: "default" 0.0;
 168                                         visible: 1;
 169                                         align: 0.5 0.5;
 170                                         min: BROWSER_WAITING_PROGRESS_SIZE;
 171                                         max: BROWSER_WAITING_PROGRESS_SIZE;
 172                                         rel1 { relative: 0.0 0.0; to_x: contents_bg; to_y: "padding,url_layout"; }
 173                                         rel2 { relative: 1.0 1.0; to: contents_bg; }
 174                                 }
 175                                 description {
 176                                         state: "unvisible" 0.0;
 177                                         inherit: "default" 0.0;
 178                                         visible: 0;
 179                                 }
 180                         }
 181                         part {
 182                                 name: "most_visited_sites_bg";
 183                                 type: RECT;
 184                                 mouse_events: 1;
 185                                 scale: 1;
 186                                 description {
 187                                         state: "default" 0.0;
 188                                         visible: 0;
 189                                         align: 0.0 0.0;
 190                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.most_visited_sites"; }
 191                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.most_visited_sites"; }
 192                                         color: 255 255 255 255;
 193                                 }
 194                                 description {
 195                                         state: "visible" 0.0;
 196                                         inherit: "default" 0.0;
 197                                         visible: 1;
 198                                 }
 199                         }
 200                         part {
 201                                 name: "padding,most_visited_sites_bottom";
 202                                 type: RECT;
 203                                 mouse_events: 1;
 204                                 repeat_events: 0;
 205                                 scale: 1;
 206                                 description {
 207                                         state: "default" 0.0;
 208                                         visible: 0;
 209                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
 210                                         align: 0.5 1.0;
 211                                         rel1 { relative: 0.0 1.0; }
 212                                         rel2 { relative: 1.0 1.0; }
 213                                 }
 214                         }
 215                         part {
 216                                 name: "elm.swallow.most_visited_sites";
 217                                 type: SWALLOW;
 218                                 mouse_events: 1;
 219                                 scale: 1;
 220                                 description {
 221                                         state: "default" 0.0;
 222                                         visible: 0;
 223                                         align: 0.0 0.0;
 224                                         rel1 { relative: 0.0 0.0; to: "elm.rect.content_dim"; }
 225                                         rel2 { relative: 1.0 0.0; to: "padding,most_visited_sites_bottom"; }
 226                                 }
 227                                 description {
 228                                         state: "visible" 0.0;
 229                                         inherit: "default" 0.0;
 230                                         visible: 1;
 231                                 }
 232                         }
 233                         part {
 234                                 name: "elm.rect.content_dim";
 235                                 type: RECT;
 236                                 mouse_events: 1;
 237                                 repeat_events: 0;
 238                                 scale: 1;
 239                                 description {
 240                                         state: "default" 0.0;
 241                                         visible: 0;
 242                                         align: 0.0 0.0;
 243                                         rel1 { relative: 0.0 1.0; to_y: "padding,url_layout"; }
 244                                         rel2 { relative: 1.0 1.0; }
 245                                         color: 20 20 20 170;
 246                                 }
 247                                 description {
 248                                         state: "visible" 0.0;
 249                                         inherit: "default" 0.0;
 250                                         visible: 1;
 251                                 }
 252                         }
 253                         part {
 254                                 name: "elm.swallow.most_visited";
 255                                 type: SWALLOW;
 256                                 mouse_events: 1;
 257                                 repeat_events: 0;
 258                                 scale: 1;
 259                                 description {
 260                                         state: "default" 0.0;
 261                                         visible: 0;
 262                                         align: 0.0 0.0;
 263                                         rel1 { relative: 0.0 0.0; to: "elm.rect.content_dim"; }
 264                                         rel2 { relative: 1.0 0.0; to: "elm.rect.content_dim"; }
 265                                 }
 266                                 description {
 267                                         state: "visible" 0.0;
 268                                         inherit: "default" 0.0;
 269                                         visible: 1;
 270                                 }
 271                         }
 272                         part {
 273                                 name: "elm.swallow.control_bar";
 274                                 type: SWALLOW;
 275                                 mouse_events: 1;
 276                                 repeat_events: 0;
 277                                 scale: 1;
 278                                 description {
 279                                         state: "default" 0.0;
 280                                         visible: 1;
 281                                         min: 0 BROWSER_CONTROL_BAR_HEIGHT;
 282                                         fixed: 0 1;
 283                                         align: 0.5 1.0;
 284                                         rel1 { relative: 0.0 1.0; }
 285                                         rel2 { relative: 1.0 1.0; }
 286                                 }
 287                                 description {
 288                                         state: "invisible" 0.0;
 289                                         inherit: "default" 0.0;
 290                                         align: 0.5 0.0;
 291                                         rel1 { relative: 0.0 1.0; }
 292                                         rel2 { relative: 1.0 1.0; }
 293                                 }
 294                         }
 295                         part {
 296                                 name: "elm.swallow.multi_window";
 297                                 type: SWALLOW;
 298                                 mouse_events: 1;
 299                                 repeat_events: 0;
 300                                 scale: 1;
 301                                 description {
 302                                         state: "default" 0.0;
 303                                         visible: 0;
 304                                         align: 0.0 0.0;
 305                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
 306                                         rel2 { relative: 1.0 1.0; to: "contents_bg"; }
 307                                 }
 308                                 description {
 309                                         state: "visible" 0.0;
 310                                         inherit: "default" 0.0;
 311                                         visible: 1;
 312                                 }
 313                         }
 314                         /* For change effect. */
 315                         part { name: "rect.reader_layout";
 316                                 type: RECT;
 317                                 mouse_events: 0;
 318                                 repeat_events: 0;
 319                                 scale: 1;
 320                                 description {
 321                                         state: "default" 0.0;
 322                                         color: 255 255 255 0;
 323                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.reader"; }
 324                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.reader"; }
 325                                 }
 326                                 description {
 327                                         state: "visible" 0.0;
 328                                         inherit: "default" 0.0;
 329                                         color: 255 255 255 255;
 330                                 }
 331                         }
 332                         part {
 333                                 name: "elm.swallow.reader";
 334                                 type: SWALLOW;
 335                                 mouse_events: 1;
 336                                 repeat_events: 0;
 337                                 scale: 1;
 338                                 /* For change effect. */
 339                                 clip_to: "rect.reader_layout";
 340                                 description {
 341                                         state: "default" 0.0;
 342                                         visible: 0;
 343                                         align: 0.0 0.0;
 344                                         rel1 { relative: 0.0 0.0; to: "contents_bg"; }
 345                                         rel2 { relative: 1.0 1.0; to: "contents_bg"; }
 346                                 }
 347                                 description {
 348                                         state: "visible" 0.0;
 349                                         inherit: "default" 0.0;
 350                                         visible: 1;
 351                                 }
 352                         }
 353                         part { name: "elm.swallow.predictive_history";
 354                                 mouse_events: 1;
 355                                 type: SWALLOW;
 356                                 scale: 1;
 357                                 description {
 358                                         state: "default" 0.0;
 359                                         visible: 0;
 360                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.most_visited"; }
 361                                         rel2 { relative: 1.0 1.0; }
 362                                 }
 363                                 description {
 364                                         state: "visible" 0.0;
 365                                         inherit: "default" 0.0;
 366                                         visible: 1;
 367                                 }
 368                         }
 369                         part {
 370                                 /* In case of my sites guide text, dim the background of screen. */
 371                                 name: "elm.rect.screen_dim";
 372                                 type: RECT;
 373                                 mouse_events: 1;
 374                                 repeat_events: 0;
 375                                 scale: 1;
 376                                 description {
 377                                         state: "default" 0.0;
 378                                         visible: 0;
 379                                         align: 0.0 0.0;
 380                                         rel1 { relative: 0.0 0.0; to: "elm.swallow.multi_window"; }
 381                                         rel2 { relative: 1.0 1.0; to: "elm.swallow.multi_window"; }
 382                                         color: 20 20 20 170;
 383                                 }
 384                                 description {
 385                                         state: "visible" 0.0;
 386                                         inherit: "default" 0.0;
 387                                         visible: 1;
 388                                 }
 389                         }
 390                         part {
 391                                 name: "elm.swallow.mysites_guide";
 392                                 type: SWALLOW;
 393                                 mouse_events: 1;
 394                                 repeat_events: 0;
 395                                 scale: 1;
 396                                 description {
 397                                         state: "default" 0.0;
 398                                         visible: 0;
 399                                         min: 660 375;
 400                                         max: 660 600;
 401                                         fixed: 1 0;
 402                                         align: 0.5 0.6;
 403                                         rel1 { relative: 0.0 0.0; to: "elm.rect.screen_dim"; }
 404                                         rel2 { relative: 1.0 1.0; to: "elm.rect.screen_dim"; }
 405                                 }
 406                                 description {
 407                                         state: "visible" 0.0;
 408                                         inherit: "default" 0.0;
 409                                         visible: 1;
 410                                 }
 411                         }
 412                 }
 413                 programs {
 414                         /////////////////////////////
 415                         // show / hide scissor box
 416                         /////////////////////////////
 417                         program { name: "show,scissorbox";
 418                                 signal: "show,scissorbox,signal";
 419                                 action: STATE_SET "visible" 0.0;
 420                                 target: "elm.swallow.scissorbox";
 421                         }
 422                         program { name: "hide,scissorbox";
 423                                 signal: "hide,scissorbox,signal";
 424                                 action: STATE_SET "default" 0.0;
 425                                 target: "elm.swallow.scissorbox";
 426                         }
 427
 428                         /* ifdef ZOOM_BUTTON */
 429                         /////////////////////////////
 430                         // show / hide zoom buttons
 431                         /////////////////////////////
 432                         program { name: "show,zoom_buttons";
 433                                 signal: "show,zoom_buttons,signal";
 434                                 action: STATE_SET "visible" 0.0;
 435                                 target: "elm.swallow.zoom_out_button";
 436                                 target: "elm.swallow.zoom_in_button";
 437                         }
 438                         program { name: "hide,zoom_buttons";
 439                                 signal: "hide,zoom_buttons,signal";
 440                                 action: STATE_SET "default" 0.0;
 441                                 target: "elm.swallow.zoom_out_button";
 442                                 target: "elm.swallow.zoom_in_button";
 443                         }
 444                         /* endif ZOOM_BUTTON */
 445
 446                         /////////////////////////////
 447                         // show / hide reader
 448                         /////////////////////////////
 449                         program { name: "show,reader";
 450                                 signal: "show,reader,signal";
 451                                 action: STATE_SET "visible" 0.0;
 452                                 target: "elm.swallow.reader";
 453                         }
 454                         program { name: "show,reader,clipper";
 455                                 signal: "show,reader,signal";
 456                                 transition: ACCELERATE 0.5;
 457                                 action: STATE_SET "visible" 0.0;
 458                                 target: "rect.reader_layout";
 459                         }
 460                         program { name: "hide,reader";
 461                                 signal: "hide,reader,signal";
 462                                 action: STATE_SET "default" 0.0;
 463                                 target: "elm.swallow.reader";
 464                                 target: "rect.reader_layout";
 465                         }
 466
 467                         /////////////////////////////
 468                         // show / hide most visited sites
 469                         /////////////////////////////
 470                         program { name: "show,most_visited_sites";
 471                                 signal: "show,most_visited_sites,signal";
 472                                 action: STATE_SET "visible" 0.0;
 473                                 target: "elm.swallow.most_visited_sites";
 474                                 target: "most_visited_sites_bg";
 475                         }
 476                         program { name: "hide,most_visited_sites";
 477                                 signal: "hide,most_visited_sites,signal";
 478                                 action: STATE_SET "default" 0.0;
 479                                 target: "elm.swallow.most_visited_sites";
 480                                 target: "most_visited_sites_bg";
 481                         }
 482
 483                         /////////////////////////////////////
 484                         // show / hide most visited sites guide text
 485                         /////////////////////////////////////
 486                         program { name: "show,most_visited_sites_guide_text";
 487                                 signal: "show,most_visited_sites_guide_text,signal";
 488                                 action: STATE_SET "visible" 0.0;
 489                                 target: "elm.rect.screen_dim";
 490                                 target: "elm.swallow.mysites_guide";
 491                         }
 492                         program { name: "hide,most_visited_sites_guide_text";
 493                                 signal: "hide,most_visited_sites_guide_text,signal";
 494                                 action: STATE_SET "default" 0.0;
 495                                 target: "elm.rect.screen_dim";
 496                                 target: "elm.swallow.mysites_guide";
 497                         }
 498
 499                         /////////////////////////////
 500                         // url edit mode on/off
 501                         /////////////////////////////
 502                         program { name: "edit,url,on";
 503                                 signal: "edit,url,on,signal";
 504                                 action: STATE_SET "visible" 0.0;
 505                                 target: "elm.rect.content_dim";
 506                                 after: "show,most_visited";
 507                         }
 508                         program { name: "edit,url,off";
 509                                 signal: "edit,url,off,signal";
 510                                 action: STATE_SET "default" 0.0;
 511                                 target: "elm.rect.content_dim";
 512                                 after: "hide,most_visited";
 513                         }
 514
 515                         /////////////////////////////
 516                         // show / hide background dim
 517                         /////////////////////////////
 518                         program { name: "dim,bg";
 519                                 signal: "dim,bg,signal";
 520                                 action: STATE_SET "visible" 0.0;
 521                                 target: "elm.rect.content_dim";
 522                         }
 523                         program { name: "undim,bg";
 524                                 signal: "undim,bg,signal";
 525                                 action: STATE_SET "default" 0.0;
 526                                 target: "elm.rect.content_dim";
 527                         }
 528
 529                         ////////////////////////////////////
 530                         // show / hide most visited swallow
 531                         ////////////////////////////////////
 532                         program { name: "show,most_visited";
 533                                 signal: "show,most_visited,signal";
 534                                 action: STATE_SET "visible" 0.0;
 535                                 target: "elm.swallow.most_visited";
 536                         }
 537                         program { name: "hide,most_visited";
 538                                 signal: "hide,most_visited,signal";
 539                                 action: STATE_SET "default" 0.0;
 540                                 target: "elm.swallow.most_visited";
 541                         }
 542
 543                         ////////////////////////////////////
 544                         // show / hide multiwindow swallow
 545                         ////////////////////////////////////
 546                         program { name: "show,multi_window";
 547                                 signal: "show,multi_window,signal";
 548                                 action: STATE_SET "visible" 0.0;
 549                                 target: "elm.swallow.multi_window";
 550                         }
 551                         program { name: "hide,multi_window";
 552                                 signal: "hide,multi_window,signal";
 553                                 action: STATE_SET "default" 0.0;
 554                                 target: "elm.swallow.multi_window";
 555                         }
 556
 557                         /////////////////////////////
 558                         // control bar show / hide
 559                         /////////////////////////////
 560                         program { name: "show,control_bar";
 561                                 signal: "show,control_bar,signal";
 562                                 transition: LINEAR 0.2;
 563                                 action: STATE_SET "default" 0.0;
 564                                 target: "elm.swallow.control_bar";
 565                         }
 566                         program { name: "hide,control_bar";
 567                                 signal: "hide,control_bar,signal";
 568                                 transition: LINEAR 0.2;
 569                                 action: STATE_SET "invisible" 0.0;
 570                                 target: "elm.swallow.control_bar";
 571                         }
 572                         program { name: "hide,control_bar,no_animation";
 573                                 signal: "hide,control_bar,no_animation,signal";
 574                                 action: STATE_SET "invisible" 0.0;
 575                                 target: "elm.swallow.control_bar";
 576                         }
 577                         program { name: "show,control_bar,no_animation";
 578                                 signal: "show,control_bar,no_animation,signal";
 579                                 action: STATE_SET "default" 0.0;
 580                                 target: "elm.swallow.control_bar";
 581                         }
 582                         /////////////////////////////////////////////////////
 583                         // hide waiting progress bar / show grey background
 584                         /////////////////////////////////////////////////////
 585                         program { name: "hide,waiting_progressbar";
 586                                 signal: "hide,waiting_progressbar,signal";
 587                                 action: STATE_SET "unvisible" 0.0;
 588                                 target: "elm.swallow.waiting_progress";
 589                         }
 590                         program { name: "show,grey_background";
 591                                 signal: "show,grey_background,signal";
 592                                 action: STATE_SET "visible" 0.0;
 593                                 target: "contents_bg";
 594                         }
 595                         program { name: "hide,grey_background";
 596                                 signal: "hide,grey_background,signal";
 597                                 action: STATE_SET "default" 0.0;
 598                                 target: "contents_bg";
 599                         }
 600
 601                         ////////////////////////////////////
 602                         // show / hide predictive history
 603                         ////////////////////////////////////
 604                         program { name: "hide,predictive_history";
 605                                 signal: "hide,predictive_history,signal";
 606                                 action: STATE_SET "default" 0.0;
 607                                 target: "elm.swallow.predictive_history";
 608                         }
 609                         program { name: "show,predictive_history";
 610                                 signal: "show,predictive_history,signal";
 611                                 action: STATE_SET "visible" 0.0;
 612                                 target: "elm.swallow.predictive_history";
 613                         }
 614                 }
 615         }
 616
 617         group {
 618                 name: "browser/browser-view-webview";
 619                 parts {
 620                         part { name: "bg";
 621                                 mouse_events: 0;
 622                                 type: RECT;
 623                                 scale: 1;
 624                                 description {
 625                                         state: "default" 0.0;
 626                                         visible: 1;
 627                                         align: 0.0 0.0;
 628                                         rel1 { relative: 0.0 0.0; }
 629                                         /* The height of url bar layout is 65. */
 630                                         /* The webview size is content height + 65. */
 631                                         rel2 { relative: 1.0 1.0; }
 632                                         color: 0 0 0 0;
 633                                 }
 634                         }
 635                         part {
 636                                 name: "elm.swallow.webview";
 637                                 type: SWALLOW;
 638                                 mouse_events: 1;
 639                                 repeat_events: 0;
 640                                 scale: 1;
 641                                 description {
 642                                         state: "default" 0.0;
 643                                         visible: 1;
 644                                         align: 0.0 0.0;
 645                                         rel1 { relative: 0.0 0.0; to: "bg"; }
 646                                         rel2 { relative: 1.0 1.0; to: "bg"; }
 647                                 }
 648                         }
 649                 }
 650         }
 651
 652         group { name: "brightness_popup";
 653                 parts{
 654                         part { name: "elm.title";
 655                                 type: TEXT;
 656                                 scale : 1;
 657                                 description { state: "default" 0.0;
 658 #ifdef WVGA_NBEAT // 480 * 800
 659                                         max: 80 16;
 660 #else
 661                                         max: 120 24;
 662 #endif
 663                                         text {
 664                                                 font: "SLP:style=Medium";
 665 #ifdef WVGA_NBEAT // 480 * 800
 666                                                 size: 16;
 667 #else
 668                                                 size: 24;
 669 #endif
 670                                                 min: 0 0;
 671                                                 align: 0.5 0.0;
 672                                         }
 673                                         color: 108 108 108 255;
 674                                         align: 0.5 0.0;
 675                                         rel1 {
 676                                                 relative: 0.0 0.0;
 677                                                 to: "elm.swallow.content";
 678                                         }
 679                                         rel2 {
 680                                                 relative: 1.0 0.0;
 681                                                 to: "elm.swallow.content";
 682                                         }
 683                                 }
 684                         }
 685                         part{ name:"elm.swallow.content";
 686                                 type: SWALLOW;
 687                                 scale : 1;
 688                                 description { state: "default" 0.0;
 689 #ifdef WVGA_NBEAT // 480 * 800
 690                                         min: 0 70;
 691 #else
 692                                         min: 0 105;
 693 #endif
 694                                         align: 0.5 0.5;
 695                                         fixed: 1 0;
 696                                         rel1 {
 697                                                 relative: 0.0 0.0;
 698                                         }
 699                                         rel2 {
 700                                                 relative: 1.0 1.0;
 701                                         }
 702                                 }
 703                         }
 704                 }
 705         }
 706 }