/* application with a main content area with a back button and title area */
group { name: "elm/layout/application/content-back";
   parts {
      part { name: "elm.swallow.content"; type: SWALLOW;
         description { state: "default" 0.0;
            rel1 {
               to_y: "title_clipper";
               relative: 0.0 1.0;
               offset: -1 1;
            }
         }
      }
      part { name: "title_clipper"; type: RECT;
         description { state: "default" 0.0;
            visible: 1;
            rel1.to_y: "back";
            rel2.to_y: "back";
         }
         description { state: "hidden" 0.0;
            inherit: "default" 0.0;
            visible: 0;
            rel2.relative: 1.0 0.0;
         }
      }
      part { name: "back_clipper"; type: RECT;
         clip_to: "title_clipper";
         description { state: "default" 0.0;
            visible: 1;
         }
         description { state: "hidden" 0.0;
            visible: 0;
         }
      }
      part { name: "back"; type: EXTERNAL;
         source: "elm/button";
         clip_to: "back_clipper";
         description { state: "default" 0.0;
            align: 0.0 0.0;
            fixed: 1 1;
            rel1 {
               relative: 0.0 0.0;
               offset: 0 1;
            }
            rel2 {
               relative: 0.0 0.0;
               offset: 50 32;
            }
            params.string: "label" "Back";
         }
      }
      programs {
         program {
            signal: "clicked"; source: "back";
            action: SIGNAL_EMIT "elm,action,back" "elm";
         }
         program {
            signal: "elm,back,hide"; source: "elm";
            action: STATE_SET "hidden" 0.0;
            target: "back_clipper";
         }
         program {
            signal: "elm,back,show"; source: "elm";
            action: STATE_SET "default" 0.0;
            target: "back_clipper";
         }
         program {
            signal: "elm,title,hide"; source: "elm";
            action: STATE_SET "hidden" 0.0;
            transition: LINEAR 0.1;
            target: "title_clipper";
         }
         program {
            signal: "elm,title,show"; source: "elm";
            action: STATE_SET "default" 0.0;
            target: "title_clipper";
         }
      }
      part { name: "elm.swallow.end"; type: SWALLOW;
         description { state: "default" 0.0;
            align: 1.0 0.0;
            fixed: 1 1;
            rel1 {
               relative: 1.0 0.0;
               offset: -2 1;
            }
            rel2 {
               relative: 1.0 0.0;
               offset: -1 32;
            }
         }
      }
      part { name: "elm.text.title"; type: TEXT;
         effect: SHADOW BOTTOM;
         scale: 1;
         clip_to: "title_clipper";
         description { state: "default" 0.0;
            rel1 {
               to_x: "back";
               relative: 1.0 0.0;
               offset: 2 1;
            }
            rel2 {
               to_y: "back";
               to_x: "elm.swallow.end";
               relative: 0.0 1.0;
               offset: -3 -1;
            }
            color: FN_COL_DEFAULT;
            text { font: FNBD; size: 10;
            }
         }
      }
   }
}

/* application with a main content area with a back and next buttons and title area */
group { name: "elm/layout/application/content-back-next";
   parts {
      part { name: "elm.swallow.content"; type: SWALLOW;
         description { state: "default" 0.0;
            rel1 {
               to_y: "title_clipper";
               relative: 0.0 1.0;
               offset: -1 1;
            }
         }
      }
      part { name: "title_clipper"; type: RECT;
         description { state: "default" 0.0;
            visible: 1;
            rel1.to_y: "back";
            rel2.to_y: "back";
         }
         description { state: "hidden" 0.0;
            inherit: "default" 0.0;
            visible: 0;
            rel2.relative: 1.0 0.0;
         }
      }
      part { name: "back"; type: EXTERNAL;
         source: "elm/button";
         clip_to: "back_clipper";
         description { state: "default" 0.0;
            align: 0.0 0.0;
            fixed: 1 1;
            rel1 {
               relative: 0.0 0.0;
               offset: 0 1;
            }
            rel2 {
               relative: 0.0 0.0;
               offset: 50 32;
            }
            params.string: "label" "Back";
         }
      }
      part { name: "back_clipper"; type: RECT;
         clip_to: "title_clipper";
         description { state: "default" 0.0;
            visible: 1;
         }
         description { state: "hidden" 0.0;
            visible: 0;
         }
      }
      part { name: "next"; type: EXTERNAL;
         source: "elm/button";
         clip_to: "next_clipper";
         description { state: "default" 0.0;
            align: 1.0 0.0;
            fixed: 1 1;
            rel1 {
               relative: 1.0 0.0;
               offset: -2 1;
            }
            rel2 {
               relative: 1.0 0.0;
               offset: -1 32;
            }
            params.string: "label" "Next";
         }
      }
      part { name: "next_clipper"; type: RECT;
         clip_to: "title_clipper";
         description { state: "default" 0.0;
            visible: 1;
         }
         description { state: "hidden" 0.0;
            visible: 0;
         }
      }
      programs {
         program {
            signal: "clicked"; source: "back";
            action: SIGNAL_EMIT "elm,action,back" "elm";
         }
         program {
            signal: "elm,title,hide"; source: "elm";
            action: STATE_SET "hidden" 0.0;
            transition: LINEAR 0.1;
            target: "title_clipper";
         }
         program {
            signal: "elm,title,show"; source: "elm";
            action: STATE_SET "default" 0.0;
            target: "title_clipper";
         }
         program {
            signal: "elm,back,hide"; source: "elm";
            action: STATE_SET "hidden" 0.0;
            target: "back_clipper";
         }
         program {
            signal: "elm,back,show"; source: "elm";
            action: STATE_SET "default" 0.0;
            target: "back_clipper";
         }
         program {
            signal: "clicked"; source: "next";
            action: SIGNAL_EMIT "elm,action,next" "elm";
         }
         program {
            signal: "elm,next,hide"; source: "elm";
            action: STATE_SET "hidden" 0.0;
            target: "next_clipper";
         }
         program {
            signal: "elm,next,show"; source: "elm";
            action: STATE_SET "default" 0.0;
            target: "next_clipper";
         }
      }
      part { name: "elm.text.title"; type: TEXT;
         effect: SHADOW BOTTOM;
         scale: 1;
         clip_to: "title_clipper";
         description { state: "default" 0.0;
            rel1 {
               to_x: "back";
               relative: 1.0 0.0;
               offset: 2 1;
            }
            rel2 {
               to_y: "back";
               to_x: "next";
               relative: 0.0 1.0;
               offset: -3 -1;
            }
            color: FN_COL_DEFAULT;
            text { font: FNBD; size: 10;
            }
         }
      }
   }
}

/* application with toolbar and main content area */
group { name: "elm/layout/application/toolbar-content";
   parts {
      part { name: "elm.swallow.content"; type: SWALLOW;
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 0.0 1.0;
               offset: -1 1;
            }
         }
      }
      part { name: "elm.external.toolbar"; type: EXTERNAL;
         source: "elm/toolbar";
         description { state: "default" 0.0;
            align: 0.5 0.0;
            fixed: 0 1;
            rel2 {
               relative: 1.0 0.0;
               offset: -1 0;
            }
         }
      }
   }
}

/* application with toolbar and main content area with a back button and title area */
group { name: "elm/layout/application/toolbar-content-back";
   inherit: "elm/layout/application/content-back";
   parts {
      part { name: "elm.external.toolbar"; type: EXTERNAL;
         insert_after: "elm.swallow.content";
         source: "elm/toolbar";
         description { state: "default" 0.0;
            fixed: 0 1;
            align: 0.5 0.0;
            rel2 {
               relative: 1.0 0.0;
               offset: -1 0;
            }
         }
      }
      part { name: "back";
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 0.0 1.0;
            }
            rel2 {
               to_y: "elm.external.toolbar";
               relative: 0.0 1.0;
            }
         }
      }
      part { name: "elm.swallow.end";
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 1.0 1.0;
            }
            rel2 {
               to_y: "elm.external.toolbar";
               relative: 1.0 1.0;
            }
         }
      }
      part { name: "elm.text.title";
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 1.0 1.0;
            }
         }
      }
   }
}

/* application with toolbar and main content area with a back and next buttons and title area */
group { name: "elm/layout/application/toolbar-content-back-next";
   inherit: "elm/layout/application/content-back-next";
   parts {
      part { name: "elm.external.toolbar"; type: EXTERNAL;
         source: "elm/toolbar";
         description { state: "default" 0.0;
            fixed: 0 1;
            align: 0.5 0.0;
            rel2 {
               relative: 1.0 0.0;
               offset: -1 0;
            }
         }
      }
      part { name: "back";
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 0.0 1.0;
            }
            rel2 {
               to_y: "elm.external.toolbar";
               relative: 0.0 1.0;
            }
         }
      }
      part { name: "next";
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 1.0 1.0;
            }
            rel2 {
               to_y: "elm.external.toolbar";
               relative: 1.0 1.0;
            }
         }
      }
      part { name: "elm.text.title";
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 1.0 1.0;
            }
         }
      }
   }
}

/* application with toolbar and main content area as a vertical box */
group { name: "elm/layout/application/toolbar-vbox";
   parts {
      part { name: "elm.box.content"; type: BOX;
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 0.0 1.0;
               offset: -1 0;
            }
            box.layout: "vertical";
         }
      }
      part { name: "elm.external.toolbar"; type: EXTERNAL;
         source: "elm/toolbar";
         description { state: "default" 0.0;
            align: 0.5 0.0;
            fixed: 0 1;
            rel2 {
               relative: 1.0 0.0;
               offset: -1 0;
            }
         }
      }
   }
}

/* application with toolbar and main content area as a table */
group { name: "elm/layout/application/toolbar-table";
   parts {
      part { name: "elm.table.content"; type: TABLE;
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.external.toolbar";
               relative: 0.0 1.0;
               offset: -1 0;
            }
         }
      }
      part { name: "elm.external.toolbar"; type: EXTERNAL;
         source: "elm/toolbar";
         description { state: "default" 0.0;
            align: 0.5 0.0;
            fixed: 0 1;
            rel2 {
               relative: 1.0 0.0;
               offset: -1 0;
            }
         }
      }
   }
}

/* a simple title layout, with a label and two icons */
group { name: "elm/layout/application/titlebar";
   parts {
      part { name: "elm.swallow.content"; type: SWALLOW;
         description { state: "default" 0.0;
            rel1 {
               to_y: "elm.swallow.icon";
               relative: 0.0 1.0;
               offset: -1 0;
            }
         }
      }
      part { name: "elm.swallow.icon"; type: SWALLOW;
         scale: 1;
         description { state: "default" 0.0;
            visible: 0;
            fixed: 1 1;
            align: 0.0 0.0;
            min: 24 24;
            rel1 {
               relative: 0.0 0.0;
               offset: 2 2;
            }
            rel2 {
               relative: 0.0 0.0;
               offset: 2 2;
            }
         }
         description { state: "visible" 0.0;
            inherit: "default" 0.0;
            visible: 1;
         }
      }
      part { name: "elm.swallow.end"; type: SWALLOW;
         scale: 1;
         description { state: "default" 0.0;
            visible: 0;
            fixed: 1 1;
            align: 1.0 0.0;
            min: 24 24;
            rel1 {
               relative: 1.0 0.0;
               offset: -3 2;
            }
            rel2 {
               relative: 1.0 0.0;
               offset: -3 2;
            }
         }
         description { state: "visible" 0.0;
            inherit: "default" 0.0;
            visible: 1;
         }
      }
      programs {
         program {
            signal: "elm,state,icon,visible"; source: "elm";
            action: STATE_SET "visible" 0.0;
            target: "elm.swallow.icon";
         }
         program {
            signal: "elm,state,icon,hidden"; source: "elm";
            action: STATE_SET "default" 0.0;
            target: "elm.swallow.icon";
         }
         program {
            signal: "elm,state,end,visible"; source: "elm";
            action: STATE_SET "visible" 0.0;
            target: "elm.swallow.end";
         }
         program {
            signal: "elm,state,end,hidden"; source: "elm";
            action: STATE_SET "default" 0.0;
            target: "elm.swallow.end";
         }
      }
      part { name: "elm.text"; type: TEXT;
         effect: SHADOW BOTTOM;
         scale: 1;
         description { state: "default" 0.0;
            rel1 {
               to: "elm.swallow.icon";
               relative: 1.0 0.0;
            }
            rel2 {
               to: "elm.swallow.end";
               relative: 0.0 1.0;
            }
            color: FN_COL_DEFAULT;
            text { font: FNBD; size: 10;
            }
         }
      }
   }
}