Developer

Tile Definitions

A tile is a UI element that has a visual representation on an iPhone or an iPad screen. It can be an entire screen, a composite tile, or a simple view element.

A basic tile can be described by these parameters:
  • Unique identifier (required) precisely identifies the tile inside the framework, or on the client side by the app developer.
  • Title (optional) a localizable string ID, text.
  • imageSrc (optional) the image that is to appear on the tile; can be either a bundled resource or an image URL.
    This example describes a navigation-based application that contains two tiles. Follow the same pattern to add sibling or child tiles. The embedded tile with the “LeaveRequestList” ID is declared as a tile reference inside the enclosing tile’s definition:
    <?xml version="1.0" encoding="UTF-8"?>
    <MAF xmlns="http://schemas.sap.com/maf/2012/cfg">
        <!-- Define a TileContainer (Container View Controller)
         * Here we define a navigation based container (translates to UINavigationController)
         * Currently possible values are "nav", "tab" (UITabBarcontroller) and "split" 
         * (UISplitViewController / iPad)
         -->
        <TileContainer tileContainerId="NavigationContainer" type="nav">
            <P pid="isRoot" value="true"/>
            <TileRef ref=" LeaveRequestScreen"/>
        </TileContainer>
        
       <Tile tileId="LeaveRequestScreen">
    <P pid=” title” value="{$_i18n.leaveoverview}"/>
    <P pid=” imageSrc” value="MAFExtensibilityImages.bundle/General-Leave.png">   	<!—A linear container arranges the tiles and UI elements declared in its scope -->
    <LinearContainer layout=”vertical”>
       		<Tile ref="LeaveRequestList"/>
       		 <!—Further tiles and UI elements skipped for brevity -->
    </LinearContainer>
       </Tile>
    
       <Tile tileId="LeaveRequestList">
    <P pid=” title” value="{$_i18n.leavelist}"/>
       	 <!—Further details skipped for brevity -->
       </Tile>
    </MAF>