New Sample: Flexible sizing - Icon Tab Bar

src/z2ui5_cl_demo_app_000.clas.abap

@@ -1666,6 +1666,14 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION.
         class     = 'sapUiTinyMarginEnd sapUiTinyMarginBottom'
     ).
 
+        panel->generic_tile(
+        header    = 'Page'
+        subheader = 'Flexible sizing - Icon Tab Bar'
+        press     =  client->_event( 'Z2UI5_CL_DEMO_APP_285' )
+        mode      = 'LineMode'
+        class     = 'sapUiTinyMarginEnd sapUiTinyMarginBottom'
+    ).
+
         panel = page->panel(
                    expandable = abap_false
                    expanded   = abap_true

src/z2ui5_cl_demo_app_285.clas.abap

@@ -0,0 +1,167 @@
+CLASS z2ui5_cl_demo_app_285 DEFINITION
+  PUBLIC
+  CREATE PUBLIC.
+
+  PUBLIC SECTION.
+
+    INTERFACES z2ui5_if_app.
+
+    DATA check_initialized TYPE abap_bool.
+
+  PROTECTED SECTION.
+
+    DATA client TYPE REF TO z2ui5_if_client.
+
+    METHODS display_view
+      IMPORTING
+        client TYPE REF TO z2ui5_if_client.
+    METHODS on_event
+      IMPORTING
+        client TYPE REF TO z2ui5_if_client.
+    METHODS z2ui5_display_popover
+      IMPORTING
+        id TYPE string.
+
+  PRIVATE SECTION.
+ENDCLASS.
+
+
+
+CLASS z2ui5_cl_demo_app_285 IMPLEMENTATION.
+
+
+  METHOD display_view.
+
+    DATA(page_01) = z2ui5_cl_xml_view=>factory( )->shell(
+         )->page(
+            title          = 'abap2UI5 - Sample: Flexible sizing - Icon Tab Bar'
+            navbuttonpress = client->_event( 'BACK' )
+            shownavbutton  = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ).
+
+    page_01->header_content(
+       )->button( id = `button_hint_id`
+           icon = `sap-icon://hint`
+           tooltip = `Sample information`
+           press = client->_event( 'CLICK_HINT_ICON' ) ).
+
+    page_01->header_content(
+       )->link(
+           text   = 'UI5 Demo Kit'
+           target = '_blank'
+           href   = 'https://sapui5.hana.ondemand.com/sdk/#/entity/sap.m.Page/sample/sap.m.sample.PageListReportIconTabBar' ).
+
+    DATA(page_02) = page_01->page( title = `Title` enableScrolling = abap_true class = `sapUiResponsivePadding--header sapUiResponsivePadding--footer`
+                     )->content(
+                         )->vbox( fitcontainer = abap_true
+                             )->simple_form( id = `SimpleFormDisplay480`
+                                 editable = abap_false
+                                 layout = `ResponsiveGridLayout`
+                                 title = `Address`
+                                 labelspanl = `4`
+                                 labelspanm = `4`
+                                 emptyspanl = `0`
+                                 emptyspanm = `0`
+                                 columnsl = `2`
+                                 columnsm = `2`
+                                 )->content( ns = `form`
+                                     )->title( ns = `core` text = `Office`
+                                     )->label( text = `Name`
+                                     )->text( text = `Red Point Stores`
+                                     )->label( text = `Street/No.`
+                                     )->text( text = `Main St 1618`
+                                     )->label( text = `ZIP Code/City`
+                                     )->text( text = `31415 Maintown`
+                                     )->label( text = `Country`
+                                     )->text( text = `Germany`
+                                     )->title( ns = `core` text = `Online`
+                                     )->label( text = `Web`
+                                     )->text( text = `http://www.sap.com`
+                                     )->label( text = `Twitter`
+                                     )->text( text = `@sap` )->get_parent(
+                                 )->layout_data( ns = `form`
+                                     )->flex_item_data( shrinkfactor = `0` backgrounddesign = `Solid` styleclass = `sapContrastPlus` )->get_parent( )->get_parent(
+                             )->icon_tab_bar( uppercase = abap_true expandable = abap_false applycontentpadding = abap_true stretchcontentheight = abap_true class = `sapUiResponsiveContentPadding`
+                                 )->items(
+                                     )->icon_tab_filter( key = `balances` text = `Balances` )->get_parent(
+                                     )->icon_tab_filter( key = `compare` text = `Compare` )->get_parent( )->get_parent(
+                                 )->content(
+                                     )->analytical_table( ns = `table` selectionmode = `MultiToggle`
+                                         )->rowmode( ns = `table`
+                                             )->auto( ns = `trm` rowcontentheight = `32` )->get_parent( )->get_parent(
+                                         )->toolbar( ns = `table`
+                                             )->overflow_toolbar(
+                                                 )->toolbar_spacer(
+                                                 )->search_field( width = `12rem`
+                                                 )->toolbar_spacer( width = `1rem`
+                                                 )->segmented_button(
+                                                     )->items(
+                                                         )->segmented_button_item( icon = `sap-icon://table-view`
+                                                         )->segmented_button_item( icon = `sap-icon://bar-chart` )->get_parent( )->get_parent(
+                                                 )->toolbar_spacer( width = `1rem`
+                                                 )->button( icon = `sap-icon://group-2` type = `Transparent`
+                                                 )->button( icon = `sap-icon://action-settings` type = `Transparent` )->get_parent( )->get_parent(
+                                         )->columns( ns = `table`
+                                             )->analytical_column( ns = `table` )->get_parent(
+                                             )->analytical_column( ns = `table` )->get_parent(
+                                             )->analytical_column( ns = `table` )->get_parent(
+                                             )->analytical_column( ns = `table` )->get_parent( )->get_parent( )->get_parent( )->get_parent(
+                                 )->layout_data(
+                                     )->flex_item_data( growfactor = `1` basesize = `0%` )->get_parent( )->get_parent( )->get_parent( )->get_parent(
+                     )->footer(
+                         )->overflow_toolbar(
+                             )->content(
+                                 )->toolbar_spacer(
+                                 )->button( text = `Grouped View`
+                                 )->button( text = `Classical Table`
+                    ).
+
+    client->view_display( page_02->stringify( ) ).
+
+  ENDMETHOD.
+
+
+  METHOD on_event.
+
+    CASE client->get( )-event.
+      WHEN 'BACK'.
+        client->nav_app_leave( ).
+      WHEN 'CLICK_HINT_ICON'.
+        z2ui5_display_popover( `button_hint_id` ).
+    ENDCASE.
+
+  ENDMETHOD.
+
+
+  METHOD z2ui5_display_popover.
+
+    DATA(view) = z2ui5_cl_xml_view=>factory_popup( ).
+    view->quick_view( placement = `Bottom` width = `auto`
+              )->quick_view_page( pageid = `sampleInformationId`
+                                  header = `Sample information`
+                                  description = `This page shows flexible sizing with an Icon Tab Bar: ` &&
+                                                `The upper part extends with its content, but doesn't react to viewport changes. ` &&
+                                                `The Icon Tab Bar reacts to the viewport size. ` &&
+                                                `The table inside takes the available space. ` &&
+                                                `If the minimum size of the table is reached, the page begins to scroll.` ).
+
+    client->popover_display(
+      xml   = view->stringify( )
+      by_id = id
+    ).
+
+  ENDMETHOD.
+
+
+  METHOD z2ui5_if_app~main.
+
+    me->client = client.
+
+    IF check_initialized = abap_false.
+      check_initialized = abap_true.
+      display_view( client ).
+    ENDIF.
+
+    on_event( client ).
+
+  ENDMETHOD.
+ENDCLASS.

src/z2ui5_cl_demo_app_285.clas.xml

@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<abapGit version="v1.0.0" serializer="LCL_OBJECT_CLAS" serializer_version="v1.0.0">
+ <asx:abap xmlns:asx="http://www.sap.com/abapxml" version="1.0">
+  <asx:values>
+   <VSEOCLASS>
+    <CLSNAME>Z2UI5_CL_DEMO_APP_285</CLSNAME>
+    <LANGU>E</LANGU>
+    <DESCRIPT>Flexible sizing - Icon Tab Bar</DESCRIPT>
+    <STATE>1</STATE>
+    <CLSCCINCL>X</CLSCCINCL>
+    <FIXPT>X</FIXPT>
+    <UNICODE>X</UNICODE>
+   </VSEOCLASS>
+  </asx:values>
+ </asx:abap>
+</abapGit>