data: wrap listview in fieldcontain with legend, add custom CSS handling

data/order.json

@@ -50,7 +50,7 @@
       "generate": "widget",
       "type": "form",
       "property_dict": {
-        "class_list": "responsive",
+        "class_list": "responsive custom_form_display",
         "dynamic": true,
         "map_children": "formItem",
         "editable": true,
@@ -59,33 +59,34 @@
         "public_key": "6Ldpb-oSAAAAAGwriKpk4ol1n4yjN_as6M4xv0zA"
       },
       "children": [{
-          "generate": "widget",
-          "type": "listview",
-          "property_dict": {
-            "inset": "true",
-            "class_list": "subscription_selector force_corners",
-            "map_children": "listItem",
-            "wrap": 2
-          },
-          "children": [
-            {"type": "divider", "center": [{"type": "h3", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.choose_offer"}]},
-            {"type": "item", "class_list": "violet", "left": [{"type": "image", "src": "img/bg-offre01.png", "alt":""}], "center": [{"type": "h3", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.fixed_price"}, {"type": "p", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.fixed_details"}], "right": [{"type": "radio", "id": "subscription_plan-0", "name": "subscription_plan"}]},
-            {"type": "item", "class_list": "rose", "left": [{"type": "image", "src": "img/bg-offre02.png", "alt":""}], "center": [{"type": "h3", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.carte_fixed"}, {"type": "p", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.carte_details"}], "right": [{"type": "radio", "id": "subscription_plan-1", "name": "subscription_plan"}]}
-          ]
-        }, {
-          "generate": "widget",
-          "type": "controlgroup",
-          "property_dict": {
-            "class_list": "center",
-            "direction": "horizontal"
-          },
-          "children": [
-            {"type": "a", "direct": {"href": "#", "className": "translate ui-btn ui-disabled ui-btn-icon-left ui-icon-carat-l"}, "attributes": {"data-i18n": "portal_type_dict.sales_order_dict.text_dict.retour"}},
-            {"type": "input", "direct": {"className": "action translate"}, "attributes": {"type": "submit", "data-action":"update", "data-iconpos": "right", "data-theme": "active", "data-icon":"carat-r", "data-i18n":"[value]global_dict.proceed"}, "logic": {"wrapper_class_list": " ui-last-child "}}
-          ]
-        }, {
         "type": "div",
-        "direct": {"className": "ui-content-element"},
+        "direct": {"className": "span_2"},
+        "children": [{
+          "type": "div",
+          "direct": {"className": "ui-fieldcontain"},
+          "children": [{
+            "type": "legend",
+            "direct": {"className": "translate required_label"},
+            "attributes": {"data-i18n": "global_dict.select"}
+          }, {
+            "generate": "widget",
+            "type": "listview",
+            "property_dict": {
+              "inset": "true",
+              "class_list": "subscription_selector force_corners",
+              "map_children": "listItem",
+              "wrap": 2
+            },
+            "children": [
+              {"type": "divider", "center": [{"type": "h3", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.choose_offer"}]},
+              {"type": "item", "class_list": "violet", "left": [{"type": "image", "src": "img/bg-offre01.png", "alt":""}], "center": [{"type": "h3", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.fixed_price"}, {"type": "p", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.fixed_details"}], "right": [{"type": "radio", "id": "subscription_plan-0", "name": "subscription_plan"}]},
+              {"type": "item", "class_list": "rose", "left": [{"type": "image", "src": "img/bg-offre02.png", "alt":""}], "center": [{"type": "h3", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.carte_fixed"}, {"type": "p", "text_i18n":"portal_type_dict.sales_order_dict.text_dict.carte_details"}], "right": [{"type": "radio", "id": "subscription_plan-1", "name": "subscription_plan"}]}
+            ]
+          }]
+        }]
+      }, {
+        "type": "div",
+        "direct": {"className": "span_2 custom_advantage ui-content-element"},
         "children": [{
           "type": "h3",
           "direct": {"className": "translate"},
@@ -115,7 +116,18 @@
         "direct": {"href":"#", "className": "translate ui-btn ui-icon-medkit ui-corner-all ui-btn-icon-right"},
         "attributes": {"data-i18n": "portal_type_dict.sales_order_dict.text_dict.help"}
       }]
-      }
+      }, {
+          "generate": "widget",
+          "type": "controlgroup",
+          "property_dict": {
+            "class_list": "center",
+            "direction": "horizontal"
+          },
+          "children": [
+            {"type": "a", "direct": {"href": "#", "className": "translate ui-btn ui-disabled ui-btn-icon-left ui-icon-carat-l"}, "attributes": {"data-i18n": "portal_type_dict.sales_order_dict.text_dict.retour"}},
+            {"type": "input", "direct": {"className": "action translate"}, "attributes": {"type": "submit", "data-action":"update", "data-iconpos": "right", "data-theme": "active", "data-icon":"carat-r", "data-i18n":"[value]global_dict.proceed"}, "logic": {"wrapper_class_list": " ui-last-child "}}
+          ]
+        }
       ]
     }
   ]