diff --git a/src/z2ui5_cl_demo_app_000.clas.abap b/src/z2ui5_cl_demo_app_000.clas.abap index b89749bd..3c2d2daf 100644 --- a/src/z2ui5_cl_demo_app_000.clas.abap +++ b/src/z2ui5_cl_demo_app_000.clas.abap @@ -798,6 +798,14 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION. class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' ). + panel->generic_tile( + header = 'Flex Box' + subheader = 'Opposing Alignment' + press = client->_event( 'Z2UI5_CL_DEMO_APP_218' ) + mode = 'LineMode' + class = 'sapUiTinyMarginEnd sapUiTinyMarginBottom' + ). + panel = page->panel( expandable = abap_false expanded = abap_true diff --git a/src/z2ui5_cl_demo_app_218.clas.abap b/src/z2ui5_cl_demo_app_218.clas.abap new file mode 100644 index 00000000..cfd476d0 --- /dev/null +++ b/src/z2ui5_cl_demo_app_218.clas.abap @@ -0,0 +1,67 @@ +class z2ui5_cl_demo_app_218 definition + public + create public . + +public section. + + interfaces IF_SERIALIZABLE_OBJECT . + interfaces Z2UI5_IF_APP . + + data CHECK_INITIALIZED type ABAP_BOOL . + PROTECTED SECTION. + + METHODS display_view + IMPORTING + client TYPE REF TO z2ui5_if_client. + METHODS on_event + IMPORTING + client TYPE REF TO z2ui5_if_client. + + PRIVATE SECTION. +ENDCLASS. + + + +CLASS z2ui5_cl_demo_app_218 IMPLEMENTATION. + + + METHOD DISPLAY_VIEW. + + DATA(page) = z2ui5_cl_xml_view=>factory( )->shell( + )->page( + title = `abap2UI5 - Sample: Flex Box - Opposing Alignment` + navbuttonpress = client->_event( 'BACK' ) + shownavbutton = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ). + + DATA(layout) = page->panel( headertext = `Horizontally opposing flex items` + )->flex_box( alignItems = `Start` justifyContent = `SpaceBetween` + )->button( text = `1` type = `Accept` + )->button( text = `2` type = `Reject` + ). + + client->view_display( page->stringify( ) ). + + ENDMETHOD. + + + METHOD ON_EVENT. + + CASE client->get( )-event. + WHEN 'BACK'. + client->nav_app_leave( ). + ENDCASE. + + ENDMETHOD. + + + METHOD Z2UI5_IF_APP~MAIN. + + IF check_initialized = abap_false. + check_initialized = abap_true. + display_view( client ). + ENDIF. + + on_event( client ). + + ENDMETHOD. +ENDCLASS. diff --git a/src/z2ui5_cl_demo_app_218.clas.xml b/src/z2ui5_cl_demo_app_218.clas.xml new file mode 100644 index 00000000..49d048b8 --- /dev/null +++ b/src/z2ui5_cl_demo_app_218.clas.xml @@ -0,0 +1,16 @@ + + + + + + Z2UI5_CL_DEMO_APP_218 + E + Flex Box - Opposing Alignment + 1 + X + X + X + + + +