From f310eba27684598ab6a10699ecece4aa872fd0f4 Mon Sep 17 00:00:00 2001 From: Editor Lionbridge Date: Thu, 3 Aug 2017 12:39:10 +0300 Subject: [PATCH] Fix edje and case code snippets This is a manual cherry pick of change #140165 in the tizen_3.0 branch. Change-Id: Ia694f9239f1b442d475dfa5ce482728d36bf556a --- org.tizen.guides/html/native/graphics/vulkan_n.htm | 20 --- .../ui/efl/accessibility_implementation_n.htm | 24 +-- .../html/native/ui/efl/edje_animation_n.htm | 24 +-- .../html/native/ui/efl/event_types_n.htm | 3 +- .../html/native/ui/efl/font_setting_n.htm | 66 +++----- .../ui/efl/learn_edc_positioning_parts_n.htm | 18 +-- .../html/native/ui/efl/multiple_screens_n.htm | 9 +- .../html/native/ui/efl/resource_fallback_n.htm | 48 ++---- .../html/native/ui/efl/scalability_n.htm | 171 +++++++-------------- .../html/native/ui/efl/ui_scalability_n.htm | 45 ++---- .../html/native/process/debugging_app_n.htm | 54 +++---- 11 files changed, 152 insertions(+), 330 deletions(-) diff --git a/org.tizen.guides/html/native/graphics/vulkan_n.htm b/org.tizen.guides/html/native/graphics/vulkan_n.htm index e81de9d..986d6d1 100644 --- a/org.tizen.guides/html/native/graphics/vulkan_n.htm +++ b/org.tizen.guides/html/native/graphics/vulkan_n.htm @@ -536,13 +536,10 @@ handleEvent(appdata_s** data, SDL_Event* event) switch (event->type) { case SDL_QUIT: - { SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL] Finish main loop "); ad->game_exit = 1; break; - } case SDL_KEYUP: - { char* scancodename = (char *)SDL_GetScancodeName(event->key.keysym.scancode); SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL] keyboard scancode: %s", scancodename); if (event->key.keysym.scancode == SDL_SCANCODE_AC_BACK) { @@ -550,35 +547,24 @@ handleEvent(appdata_s** data, SDL_Event* event) ad->game_exit = 1; } break; - } case SDL_MOUSEBUTTONDOWN: - { SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL]Mouse Down: %d x %d", event->button.x, event->button.y); break; - } case SDL_MOUSEBUTTONUP: - { SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL]Mouse Up: %d x %d", event->button.x, event->button.y); break; - } case SDL_MOUSEMOTION: - { SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL]Mouse Motion: %d x %d", event->motion.x, event->motion.y); break; - } case SDL_ROTATEEVENT: - { ad->window_rotation = (int)event->user.data1; SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL] Rotation degree: %d", ad->window_rotation); break; - } case SDL_WINDOWEVENT: - { SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "SDL_WINDOWEVENT Event!!"); if (event->window.event == SDL_WINDOWEVENT_SIZE_CHANGED) SDL_Log("SDL_WINDOWEVENT_SIZE_CHANGED!!!"); break; - } } /* End switch */ } @@ -626,7 +612,6 @@ break; #include <app.h> case SDL_APP_LOWBATTERY: -{ SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL] SDL_APP_LOWBATTERY "); app_event_info_h event_info = event->user.data1; @@ -641,7 +626,6 @@ case SDL_APP_LOWBATTERY: SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL] The battery status is under 5% "); } break; -}
  • SDL_APP_LANGUAGE_CHANGED @@ -651,7 +635,6 @@ case SDL_APP_LOWBATTERY: #include <app.h> case SDL_APP_LANGUAGE_CHANGED: -{ SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL] SDL_APP_LANGUAGE_CHANGED "); app_event_info_h event_info = event->user.data1; @@ -667,7 +650,6 @@ case SDL_APP_LANGUAGE_CHANGED: free(language); } break; -}
  • SDL_ROTATEEVENT @@ -699,11 +681,9 @@ case SDL_APP_LANGUAGE_CHANGED: SDL_SetHint(SDL_HINT_ORIENTATIONS, "Portrait LandscapeLeft LandscapeRight"); case SDL_ROTATEEVENT: -{ ad->window_rotation = (int)event->user.data1; SDL_LogInfo(SDL_LOG_CATEGORY_APPLICATION, "[SDL] Rotation degree: %d", ad->window_rotation); break; -}
    • diff --git a/org.tizen.guides/html/native/ui/efl/accessibility_implementation_n.htm b/org.tizen.guides/html/native/ui/efl/accessibility_implementation_n.htm index a933c4f..fcb9ce2 100644 --- a/org.tizen.guides/html/native/ui/efl/accessibility_implementation_n.htm +++ b/org.tizen.guides/html/native/ui/efl/accessibility_implementation_n.htm @@ -452,21 +452,17 @@ elm_atspi_accessible_relationship_append(btnD, ELM_ATSPI_RELATION_FLOWS_FROM, la 
    -group
-{
+group {
    name: "elm/button/base/custom2";
 
    data.item: "access_highlight" "on";
    images.image: "../../res/images/c_h_2.png" COMP;
 
-   parts
-   {
-      part
-      {
+   parts {
+      part {
          name: "highlight";
          clip_to: "highlight_clip";
-         description
-         {
+         description {
             state: "default" 0.0;
             image.normal: "../../res/images/c_h_2.png";
             image.border: 10 10 10 10;
@@ -478,26 +474,22 @@ group
             rel2.offset: -30 0;
             visible: 0;
          }
-         description
-         {
+         description {
             state: "visible" 0.0;
             inherit: "default" 0.0;
             visible: 1;
          }
       }
    }
-   programs
-   {
-      program
-      {
+   programs {
+      program {
          name: "show_new_highlight";
          signal: "elm,action,access_highlight,show";
          source: "elm";
          action: STATE_SET "visible" 0.0;
          target: "highlight";
       }
-      program
-      {
+      program {
          name: "hide_new_highlight";
          signal: "elm,action,access_highlight,hide";
          source: "elm";
diff --git a/org.tizen.guides/html/native/ui/efl/edje_animation_n.htm b/org.tizen.guides/html/native/ui/efl/edje_animation_n.htm
index 5073937..28dd9a1 100644
--- a/org.tizen.guides/html/native/ui/efl/edje_animation_n.htm
+++ b/org.tizen.guides/html/native/ui/efl/edje_animation_n.htm
@@ -68,8 +68,7 @@
 
 
     /* Within the rectangle part */
-description
-{
+description {
    state: "color" 0.0;
    rel1 {relative: 0.3 0.3;}
    rel2 {relative: 0.7 0.4;}
@@ -81,8 +80,7 @@ description
 
    The program changes the state of the rectangle part to "color", and performs the change using a 2-second sinusoidal transition. For more information on transitions, see Using Program Transitions.
    
 
 
    -program
-{
+program {
    name: "animation,color";
    source: "rectangle";
    signal: "mouse,clicked,1";
@@ -98,8 +96,7 @@ program
 
  • 
 
    Create a program that changes the state of the menu/side target to "default" 1.0. The program waits for the hide,sidemenu signal emitted by a MenuButton source.
    
 
    -program
-{
+program {
    name: "animation,menu_side,hide";
    source: "MenuButton";
    signal: "hide,sidemenu";
@@ -130,8 +127,7 @@ edje_object_signal_emit(layout, "hide,sidemenu", "MenuButton");
 
    In the following example, the state of the "image" part changes to "default" 0.0:
    
 
 
    -program
-{
+program {
    name: "animate";
    signal: "animate";
    action: STATE_SET "default" 0.0;
@@ -145,8 +141,7 @@ program
 
    The following example stops the animate_loop program, and runs when receiving the animate_stop signal:
    
 
 
    -program
-{
+program {
    name: "animate_stop";
    signal: "animate_stop";
    action: ACTION_STOP;
@@ -162,8 +157,7 @@ program
 
    The following example emits a "frame_move" "start" signal when it receives the mouse,down,* signal from the video_mover part. In other words, it sends the "frame_move" "start" signal when the user presses the mouse in the video_mover part.
    
 
 
    -program
-{
+program {
    name: "video_move_start";
    signal: "mouse,down,*";
    source: "video_mover";
@@ -219,8 +213,7 @@ program
 
    Define the first program block, and use the after property to define the name of the program that must be run when the first program is finished:
    
 
 
    -program
-{
+program {
    name: "animation,color";
    source: "rectangle";
    signal: "mouse,clicked,1";
@@ -235,8 +228,7 @@ program
 
    Define the second program block that returns the rectangle to its original position and color using a bounce transition with a decay factor of 1.8 and 6 bounces. Since this program is only used in a chain at the end of the first program, it has no signal or source property.
    
 
 
    -program
-{
+program {
    name: "animation,state0";
    source: "";
    signal: "";
diff --git a/org.tizen.guides/html/native/ui/efl/event_types_n.htm b/org.tizen.guides/html/native/ui/efl/event_types_n.htm
index 2ac7424..3c8dd1e 100644
--- a/org.tizen.guides/html/native/ui/efl/event_types_n.htm
+++ b/org.tizen.guides/html/native/ui/efl/event_types_n.htm
@@ -268,8 +268,7 @@ ecore_event_handler_add(ECORE_EVENT_KEY_DOWN, _key_down_cb, NULL);
 
    Managing a Single Signal Emitter
    
 
    The following example shows a program block of an Edje file. The program is called "change_color", and it is triggered on mouse clicks on the current part. It emits a "got.a.click" signal where the source is set to "color_changer".
    
 
    -program
-{
+program {
    name: "change_color";
    signal: "mouse,clicked,*";
    source: "*";
diff --git a/org.tizen.guides/html/native/ui/efl/font_setting_n.htm b/org.tizen.guides/html/native/ui/efl/font_setting_n.htm
index e9405e5..61a89b5 100644
--- a/org.tizen.guides/html/native/ui/efl/font_setting_n.htm
+++ b/org.tizen.guides/html/native/ui/efl/font_setting_n.htm
@@ -91,10 +91,8 @@
 
  • Use the system font when creating a text part with a reserved text class name.
 
    When the object is created or if the system setting changes, the part loads the current system font and size.
    
 
    -description
-{
-   text
-   {
+description {
+   text {
       font: "Tizen:style=Regular";
       font_size: 36;
       text_class: "label";
@@ -106,10 +104,8 @@ description
 
    When the object is created or if the system setting changes, the part loads the new system font. However, the part font size remains 36 regardless of the new system font size, because the tizen text class does not apply system font size changes.
    
 
 
    -description
-{
-   text
-   {
+description {
+   text {
       font: "Tizen:style=Regular";
       font_size: 36;
       text_class: "tizen";
@@ -121,10 +117,8 @@ description
 
  • Use the system font when creating a text part or setting the UI component text font.
 
    When the object is created or if the system setting changes, the part loads the current system font and size.
    
 
    -description
-{
-   text
-   {
+description {
+   text {
       font: "Tizen:style=Regular";
       font_size: 50;
    }
@@ -279,21 +273,18 @@ elm_object_part_text_set(entry, "elm.guide",
 
      
 
    • Set the font of a single text or textblock part using the font family name and a specific style of the font family:
 
      -part
-{
+part {
    name: "text";
    type: TEXT;
    scale: 1;
-   description
-   {
+   description {
       state: "default" 0.0;
       rel1.relative: 0.0 0.5;
       rel2.relative: 0.5 1.0;
       color: 0 136 170 255;
       color2: 0 136 170 50;
       color3: 0 136 170 25;
-      text
-      {
+      text {
          size: 25;
          font: "Sans:style=Bold";
          text: "Enventor";
@@ -302,13 +293,11 @@ part
    }
 }
 
-part
-{
+part {
    name: "textblock";
    type: TEXTBLOCK;
    scale: 1;
-   description
-   {
+   description {
       state: "default" 0.0;
       align: 0.5 0.5;
       fixed: 0 0;
@@ -325,22 +314,18 @@ part
 
 
    • Set the font of multiple textblock parts using the style information:
 
      -styles
-{
-   style
-   {
+styles {
+   style {
       name: "textblock_style1";
       base: "font=Sans:style=Regular font_size=30";
    }
 }
 
-part
-{
+part {
    name: "textblock";
    type: TEXTBLOCK;
    scale: 1;
-   description
-   {
+   description {
       state: "default" 0.0;
       align: 0.5 0.5;
       fixed: 0 0;
@@ -371,21 +356,18 @@ part
 	
    • Set a class for a text part:
 
 
      -part
-{
+part {
    name: "text";
    type: TEXT;
    scale: 1;
-   description
-   {
+   description {
       state: "default" 0.0;
       rel1.relative: 0.0 0.5;
       rel2.relative: 0.5 1.0;
       color: 0 136 170 255;
       color2: 0 136 170 50;
       color3: 0 136 170 25;
-      text
-      {
+      text {
          size: 25;
          font: "Sans:style=Bold";
          text: "Enventor";
@@ -398,22 +380,18 @@ part
 
      • 
 
    • Set a class for a textblock:
 
      -styles
-{
-   style
-   {
+styles {
+   style {
       name: "textblock_style1";
       base: "font=Sans:style=Regular font_size=30 ... text_class=my_class";
    }
 }
 
-part
-{
+part {
    name: "textblock";
    type: TEXTBLOCK;
    scale: 1;
-   description
-   {
+   description {
       state: "default" 0.0;
       align: 0.5 0.5;
       fixed: 0 0;
diff --git a/org.tizen.guides/html/native/ui/efl/learn_edc_positioning_parts_n.htm b/org.tizen.guides/html/native/ui/efl/learn_edc_positioning_parts_n.htm
index d4d53f3..ab52220 100644
--- a/org.tizen.guides/html/native/ui/efl/learn_edc_positioning_parts_n.htm
+++ b/org.tizen.guides/html/native/ui/efl/learn_edc_positioning_parts_n.htm
@@ -46,12 +46,10 @@
 
      The following example sets the minimum and maximum size of the rectangle part to 200 x 200 px:
      
 
 
      -part
-{
+part {
    name: "rectangle";
    type: RECT;
-   description
-   {
+   description {
       state: "blue" 0.0;
       align: 0.0 0.0;
       /* Set the size to 200x200 */
@@ -69,12 +67,10 @@ part
 
      To demonstrate relative positioning, the following example creates another rectangle part and positions it under the first part created above. The upper-left corner of the new part starts at the lower-left corner of the previous one.
      
 
 
      -part
-{
+part {
    name: "rectangle2";
    type: RECT;
-   description
-   {
+   description {
       state: "green" 0.0;
       align: 0.0 0.0;
       /* Set the size to 200 x 200 */
@@ -84,14 +80,12 @@ part
       color: 0 255 0 255;
       /* Set the position */
       /* rel1 is relative to "rectangle" */
-      rel1
-      {
+      rel1 {
          relative: 0.0 1.0;
          to: "rectangle";
       }
       /* rel2 is relative to the parent */
-      rel2
-      {
+      rel2 {
          relative: 1.0 1.0;
       }
    }
diff --git a/org.tizen.guides/html/native/ui/efl/multiple_screens_n.htm b/org.tizen.guides/html/native/ui/efl/multiple_screens_n.htm
index e72d720..c39c289 100644
--- a/org.tizen.guides/html/native/ui/efl/multiple_screens_n.htm
+++ b/org.tizen.guides/html/native/ui/efl/multiple_screens_n.htm
@@ -143,13 +143,10 @@ base_scale = (DPI / 90) * profile_factor
 
      The EDJE objects are scaled properly, if the base scale is set in the collections block of the EDC file and the object is set as scalable with the scale property:
      
 
 
      -collections
-{
+collections {
    base_scale: 1.8; /* For WVGA applications */
-   parts
-   {
-      part
-      {
+   parts {
+      part {
          name: "box";
          type: RECT;
          min: 100 100;
diff --git a/org.tizen.guides/html/native/ui/efl/resource_fallback_n.htm b/org.tizen.guides/html/native/ui/efl/resource_fallback_n.htm
index 07b2eba..e2ffe26 100644
--- a/org.tizen.guides/html/native/ui/efl/resource_fallback_n.htm
+++ b/org.tizen.guides/html/native/ui/efl/resource_fallback_n.htm
@@ -60,52 +60,40 @@
  
  
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "property_test";
 
-      images
-      {
-         set
-         {
+      images {
+         set {
             name: "alternative_animal";
-            image
-            {
+            image {
                image: "pig.png" COMP;
                size: 640 800 1200 1500;
             }
-            image
-            {
+            image {
                image: "monkey.png" COMP;
                size: 400 500 639 799;
             }
-            image
-            {
+            image {
                image: "cat.png" COMP;
                size: 240 300 399 499;
             }
-            image
-            {
+            image {
                image: "mouse.png" COMP;
                size: 80 100 239 299;
             }
-            image
-            {
+            image {
                image: "snail.png" COMP;
                size: 0 0 79 99;
             }
          }
       }
 
-      parts
-      {
-         part
-         {
+      parts {
+         part {
             name: "image1";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.0;}
                rel2 {relative: 1.0 0.45;}
@@ -114,11 +102,9 @@ collections
                aspect_preference: BOTH;
             }
          }
-         part
-         {
+         part {
             name: "image2";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.5;}
                rel2 {relative: 1.0 0.75;}
@@ -127,11 +113,9 @@ collections
                aspect_preference: BOTH;
             }
          }
-         part
-         {
+         part {
             name: "image3";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.8;}
                rel2 {relative: 1.0 1.0;}
diff --git a/org.tizen.guides/html/native/ui/efl/scalability_n.htm b/org.tizen.guides/html/native/ui/efl/scalability_n.htm
index c9b84a9..697660c 100644
--- a/org.tizen.guides/html/native/ui/efl/scalability_n.htm
+++ b/org.tizen.guides/html/native/ui/efl/scalability_n.htm
@@ -77,10 +77,8 @@
 
    • If you use the fixed size, make the object scalable
 
      If you use the EDC file to set up the layout, you can set the object scalable in the part block:
      
 
      -parts
-{
-   part
-   {
+parts {
+   part {
       name: "box";
       type: RECT;
       scale: 1;
@@ -237,24 +235,18 @@ evas_object_size_hint_min_set(object, ELM_SCALE_SIZE(100), ELM_SCALE_SIZE(100));
 
  
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "property_test";
-      images
-      {
+      images {
          image: "panorama.png" COMP;
       }
-      parts
-      {
+      parts {
          /* Blue rectangle in the middle of the screen */
-         part
-         {
+         part {
             name: "rect1";
             type: RECT;
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.3 0.4;}
                rel2 {relative: 0.7 0.6;}
@@ -262,14 +254,12 @@ collections
             }
          }
          /* Orange rectangle at the bottom of the screen */
-         part
-         {
+         part {
             name: "rect2";
             type: RECT;
             /* Affected by scaling factor */
             scale: 1;
-            description
-            {
+            description {
                state: "default" 0.0;
                fixed: 0 1;
                /* Height: 100 pixels (when the scaling factor is 1.0) */
@@ -282,13 +272,11 @@ collections
             }
          }
          /* Image above the orange rectangle */
-         part
-         {
+         part {
             name: "image";
             /* Affected by scaling factor */
             scale: 1;
-            description
-            {
+            description {
                state: "default" 0.0;
                fixed: 1 1;
                /* Image size: 720 x 180 pixels (when the scaling factor is 1.0) */
@@ -327,23 +315,16 @@ collections
 
  
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "property_test";
-
-      images
-      {
+      images {
          image: "island.png" COMP;
       }
-      parts
-      {
-         part
-         {
+      parts {
+         part {
             name: "image";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.0;}
                rel2 {relative: 1.0 1.0;}
@@ -388,28 +369,21 @@ collections
 
  
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "property_test";
-
-      parts
-      {
-         part
-         {
+      parts {
+         part {
             name: "text";
             type: TEXT;
             scale: 1;
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.0;}
                rel2 {relative: 1.0 0.0;}
                align: 0.5 0.0;
                color: 108 108 108 255;
-               text
-               {
+               text {
                   font: "TIZEN";
                   /* Affected by scaling factor */
                   size: 80;
@@ -444,25 +418,19 @@ collections
 
  
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "property_test";
-      parts
-      {
-         part
-         {
+      parts {
+         part {
             name: "text";
             type: TEXT;
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.0;}
                rel2 {relative: 1.0 0.1;}
                color: 108 108 108 255;
-               text
-               {
+               text {
                   font: "TIZEN";
                   /* Resize text to fill the container height */
                   fit: 0 1;
@@ -499,40 +467,29 @@ collections
 
  
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "property_test";
-
-      images
-      {
+      images {
          image: "00_button_01_normal.png" COMP;
       }
-
-      parts
-      {
-         part
-         {
+      parts {
+         part {
             name: "image";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.6;}
                rel2 {relative: 1.0 0.7;}
                image.normal: "00_button_01_normal.png";
             }
          }
-         part
-         {
+         part {
             name: "ninepatch_image";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.8;}
                rel2 {relative: 1.0 0.9;}
-               image
-               {
+               image {
                   normal: "00_button_01_normal.png";
                   border: 4 4 0 0;
                   /* Affected by scaling factor */
@@ -569,52 +526,38 @@ collections
 
  
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "property_test";
-
-      images
-      {
-         set
-         {
+      images {
+         set {
             name: "alternative_animal";
-            image
-            {
+            image {
                image: "pig.png" COMP;
                size: 640 800 1200 1500;
             }
-            image
-            {
+            image {
                image: "monkey.png" COMP;
                size: 400 500 639 799;
             }
-            image
-            {
+            image {
                image: "cat.png" COMP;
                size: 240 300 399 499;
             }
-            image
-            {
+            image {
                image: "mouse.png" COMP;
                size: 80 100 239 299;
             }
-            image
-            {
+            image {
                image: "snail.png" COMP;
                size: 0 0 79 99;
             }
          }
       }
-
-      parts
-      {
-         part
-         {
+      parts {
+         part {
             name: "image1";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.0;}
                rel2 {relative: 1.0 0.45;}
@@ -623,11 +566,9 @@ collections
                aspect_preference: BOTH;
             }
          }
-         part
-         {
+         part {
             name: "image2";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.5;}
                rel2 {relative: 1.0 0.75;}
@@ -636,11 +577,9 @@ collections
                aspect_preference: BOTH;
             }
          }
-         part
-         {
+         part {
             name: "image3";
-            description
-            {
+            description {
                state: "default" 0.0;
                rel1 {relative: 0.0 0.8;}
                rel2 {relative: 1.0 1.0;}
diff --git a/org.tizen.guides/html/native/ui/efl/ui_scalability_n.htm b/org.tizen.guides/html/native/ui/efl/ui_scalability_n.htm
index 3a11bab..ef3cb0f 100644
--- a/org.tizen.guides/html/native/ui/efl/ui_scalability_n.htm
+++ b/org.tizen.guides/html/native/ui/efl/ui_scalability_n.htm
@@ -127,38 +127,30 @@ elm_object_scale_set(button, 2.0);
 
      The following example shows a basic button that is composed of a background image part and a swallow part that can receive some content. Both the background and swallow parts are set to be scalable.
      
 
 
      -group
-{
+group {
    name: "button";
-   images
-   {
+   images {
       image: "bg.png" COMP;
    }
-   parts
-   {
-      part
-      {
+   parts {
+      part {
          name: "bg";
          type: IMAGE;
          scale: 1;
-         description
-         {
+         description {
             state: "default" 0.0;
             image.normal: "bg.png";
          }
       }
-      part
-      {
+      part {
          name: "elm.swallow.content";
          type: SWALLOW;
          scale: 1;
-         description
-         {
+         description {
             state: "default" 0.0;
             visible: 0;
          }
-         description
-         {
+         description {
             state: "visible" 0.0;
             visible: 1;
          }
@@ -177,18 +169,14 @@ group
 
    • Use the bg_high.png image file for higher resolutions.
      • 
 
    
 
    -images
-{
-   set
-   {
+images {
+   set {
       name: "bg.png";
-      image
-      {
+      image {
          image: "bg_low.png" COMP;
          size: 0 0 200 100;
       }
-      image
-      {
+      image {
          image: "bg_high.png" COMP;
          size: 201 101 5000 5000;
       }
@@ -212,15 +200,12 @@ images
 
    To add a 40-pixel border on the left and right side of the bg image, and a 20-pixel border at its top and bottom, modify the description block of the image part:
    
 
 
    -parts
-{
-   part
-   {
+parts {
+   part {
       name: "bg";
       type: IMAGE;
       scale: 1;
-      description
-      {
+      description {
          state: "default" 0.0;
          image.normal: "bg.png";
          image.border: 40 40 20 20;
diff --git a/org.tizen.training/html/native/process/debugging_app_n.htm b/org.tizen.training/html/native/process/debugging_app_n.htm
index 10802a7..c0b21f0 100644
--- a/org.tizen.training/html/native/process/debugging_app_n.htm
+++ b/org.tizen.training/html/native/process/debugging_app_n.htm
@@ -221,29 +221,22 @@ ERR<4639>:evas_main lib/evas/canvas/evas_object_main.c:1313 _evas_object_c
 
 
    • 
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "circular_dependency";
-      parts
-      {
-         part
-         {
+      parts {
+         part {
             name: "bg";
             type: RECT;
-            description
-            {
+            description {
                state: "default" 0.0;
                color: 255 255 255 255;
             }
          }
-         part
-         {
+         part {
             name: "part1";
             type: RECT;
-            description
-            {
+            description {
                state: "default" 0.0;
                color: 127 0 0 127;
                min: 100 100;
@@ -252,12 +245,10 @@ collections
                rel2.to: "part2";
             }
          }
-         part
-         {
+         part {
             name: "part2";
             type: RECT;
-            description
-            {
+            description {
                state: "default" 0.0;
                color: 0 0 127 127;
                min: 100 100;
@@ -279,29 +270,22 @@ ERR<4365>:edje lib/edje/edje_calc.c:3144 _edje_part_recalc() Circular depe
 
 
    • 
 
      -collections
-{
-   group
-   {
+collections {
+   group {
       name: "fixed";
-      parts
-      {
-         part
-         {
+      parts {
+         part {
             name: "bg";
             type: RECT;
-            description
-            {
+            description {
                state: "default" 0.0;
                color: 255 255 255 255;
             }
          }
-         part
-         {
+         part {
             name: "part1";
             type: RECT;
-            description
-            {
+            description {
                state: "default" 0.0;
                color: 127 0 0 127;
                min: 100 100;
@@ -310,12 +294,10 @@ collections
                rel2.to: "part2";
             }
          }
-         part
-         {
+         part {
             name: "part2";
             type: RECT;
-            description
-            {
+            description {
                state: "default" 0.0;
                color: 0 0 127 127;
                min: 50 50;
-- 
2.7.4