Update Demo 244 to display dashed boxes (abap2UI5#299)

Author: francisco-milan

src/z2ui5_cl_demo_app_244.clas.abap

@@ -31,7 +31,25 @@ CLASS z2ui5_cl_demo_app_244 IMPLEMENTATION.
 
   METHOD DISPLAY_VIEW.
 
-    DATA(page) = z2ui5_cl_xml_view=>factory( )->shell(
+
+    DATA(css) = `.sapUiDemoFlexBoxSizeAdjustments .sapMFlexItem {`               &&
+                `    border: 1px dashed #000;`                                   &&
+                `    margin: 0.1875rem;`                                         &&
+                `    padding: 0.1875rem;`                                        &&
+                `}`                                                              &&
+
+                `.sapUiDemoFlexBoxSizeAdjustmentsZeroWidthItems .sapMFlexItem {` &&
+                `    width: 0;`                                                  &&
+                `}`                                                              &&
+
+                `.sapMFlexItem {`                                                &&
+                `    position: relative;`                                        &&
+                `}`.
+
+    DATA(view) = z2ui5_cl_xml_view=>factory( ).
+    view->_generic( name = `style` ns = `html` )->_cc_plain_xml( css )->get_parent( ).
+
+    DATA(page) = view->shell(
          )->page(
             title          = `abap2UI5 - Sample: Flex Box - Size Adjustments`
             navbuttonpress = client->_event( 'BACK' )