New Sample: Icon Tab Bar - Sub tabs

src/z2ui5_cl_demo_app_000.clas.abap

@@ -918,6 +918,14 @@ CLASS z2ui5_cl_demo_app_000 IMPLEMENTATION.
         class     = 'sapUiTinyMarginEnd sapUiTinyMarginBottom'
     ).
 
+        panel->generic_tile(
+        header    = 'Icon Tab Bar'
+        subheader = 'Sub tabs'
+        press     =  client->_event( 'Z2UI5_CL_DEMO_APP_226' )
+        mode      = 'LineMode'
+        class     = 'sapUiTinyMarginEnd sapUiTinyMarginBottom'
+    ).
+
         panel = page->panel(
                    expandable = abap_false
                    expanded   = abap_true

src/z2ui5_cl_demo_app_226.clas.abap

@@ -0,0 +1,132 @@
+class z2ui5_cl_demo_app_226 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_226 IMPLEMENTATION.
+
+
+  METHOD DISPLAY_VIEW.
+
+    DATA(page) = z2ui5_cl_xml_view=>factory( )->shell(
+         )->page(
+            title          = 'abap2UI5 - Sample: Icon Tab Bar - Sub tabs'
+            navbuttonpress = client->_event( 'BACK' )
+            shownavbutton  = xsdbool( client->get( )-s_draft-id_prev_app_stack IS NOT INITIAL ) ).
+
+    DATA(layout) = page->label(
+             wrapping = `true`
+             text = `IconTabBar with filters with own content and sub tabs. The click area is split to allow the user to display the content or alternatively to expand/collapse the sub tabs.`
+             class = `sapUiSmallMargin` ).
+
+    layout->icon_tab_bar( class = `sapUiResponsiveContentPadding`
+              )->items(
+                  )->icon_tab_filter( key = `info` text = `Info`
+                      )->items(
+                          )->icon_tab_filter( text = `Info one`
+                              )->text( text = `Info one content goes here...`
+                              )->text( text = `Select another sub tab to see its content...` )->get_parent(
+                          )->icon_tab_filter( text = `Info two`
+                              )->text( text = `Info two content goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Info three`
+                              )->text( text = `Info three content goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Info four`
+                              )->text( text = `Info four content goes here...` )->get_parent( )->get_parent(
+                      )->text( text = `Info own content goes here...`
+                      )->text( text = `Select a sub tab to see its content...` )->get_parent(
+
+                  )->icon_tab_filter( key = `attachments` text = `Attachments`
+                      )->items(
+                          )->icon_tab_filter( text = `Attachment one`
+                              )->text( text = `Attachment one goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Attachment two`
+                              )->text( text = `Attachment two goes here...` )->get_parent( )->get_parent(
+                      )->text( text = `Attachments own content goes here...`  )->get_parent(
+
+                  )->icon_tab_filter( key = `notes` text = `Notes`
+                      )->items(
+                          )->icon_tab_filter( text = `Note one`
+                              )->text( text = `Note one goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Note two`
+                              )->text( text = `Note two goes here...` )->get_parent( )->get_parent(
+                      )->text( text = `Notes own content goes here...`  )->get_parent( )->get_parent( )->get_parent(
+
+            )->label(
+                wrapping = `true`
+                text = `IconTabBar with filters without own content - only sub tabs`
+                class = `sapUiSmallMargin`
+
+
+            )->icon_tab_bar( class = `sapUiResponsiveContentPadding`
+                )->items(
+                  )->icon_tab_filter( key = `info` text = `Info`
+                      )->items(
+                          )->icon_tab_filter( text = `Info one`
+                              )->text( text = `Info one content goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Info two`
+                              )->text( text = `Info two content goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Info three`
+                              )->text( text = `Info three content goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Info four`
+                              )->text( text = `Info four content goes here...` )->get_parent( )->get_parent( )->get_parent(
+
+                  )->icon_tab_filter( key = `attachments` text = `Attachments`
+                      )->items(
+                          )->icon_tab_filter( text = `Attachment one`
+                              )->text( text = `Attachment one goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Attachment two`
+                              )->text( text = `Attachment two goes here...` )->get_parent( )->get_parent( )->get_parent(
+
+                  )->icon_tab_filter( key = `notes` text = `Notes`
+                      )->items(
+                          )->icon_tab_filter( text = `Note one`
+                              )->text( text = `Note one content goes here...` )->get_parent(
+                          )->icon_tab_filter( text = `Note two`
+                              )->text( text = `Note two content goes here...` )->get_parent( )->get_parent(
+            ).
+
+    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.

src/z2ui5_cl_demo_app_226.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_226</CLSNAME>
+    <LANGU>E</LANGU>
+    <DESCRIPT>Icon Tab Bar - Sub tabs</DESCRIPT>
+    <STATE>1</STATE>
+    <CLSCCINCL>X</CLSCCINCL>
+    <FIXPT>X</FIXPT>
+    <UNICODE>X</UNICODE>
+   </VSEOCLASS>
+  </asx:values>
+ </asx:abap>
+</abapGit>