Skip to Content
0
Apr 26, 2018 at 07:17 PM

How to set a custom Tile to a UI5 Application?

1051 Views Last edit Apr 27, 2018 at 08:26 AM 5 rev

Hi experts,

I am currently playing around with my UI5 Applications and try to show them in my Fiori Launchpad.

But I want to try out a new kind of tile. So what I did is, created a new View in my project called CustomTile and filled it with some test data:

<mvc:View 
        controllerName="customtilecustomtile.controller.View1" 
        xmlns:html="http://www.w3.org/1999/xhtml" 
        xmlns:mvc="sap.ui.core.mvc"
        displayBlock="true"
        xmlns:m="sap.m"
        xmlns:micro="sap.suite.ui.microchart">
    <m:GenericTile class="sapUiTinyMarginBegin sapUiTinyMarginTop tileLayout" header="Sales Fulfillment Application Title"
        subheader="Subtitle" press="press">
        <m:TileContent>
            <m:content>
                <micro:RadialMicroChart percentage="100" valueColor="Good"/>
            </m:content>
        </m:TileContent>
    </m:GenericTile>
</mvc:View>

Nothing special. But now I want to show this tile in my Fiori Launchpad instead of the default one.
This should be shown:

This is tile is shown now in the Fiori Launchpad:

Anyone know how to reach this? I played around with the Tile-Settings, but didn't came to any result yet:

I hope someone can help me :-)

Attachments

customtile.jpg (13.2 kB)
tilenow.jpg (11.5 kB)
config.jpg (24.5 kB)