Skip to Content

How to create tiles

Hi,

How can i create live tiles in UI app, using "sap.ui" libraries ? There are controls to create tiles using "sap.m" libraries.

How can i proceed using "sap.ui" libraries.

Thanks,

Ravikiran

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

3 Answers

  • Best Answer
    May 23, 2014 at 07:40 AM

    Hi,

    refer Tile - sap.m and Standard Tile - sap.m and TileContainer - sap.m

    All these examples are from sapui5 testsuite. check the source code and accordingly you can proceed.

    I created live (dynamic) tiles based on SCN feed data. you can refer the code and live demo at SCN UI5 Application based on SCN RSS Feeds !

    Regards,

    Chandra

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    May 23, 2014 at 08:54 AM

    Hi Ravi,

    cause there is a certain problem with the tile (sometime they don't show in the view),

    here is a link with examples creating tile, showing on the comments which of them are not working : JS Bin - Collaborative JavaScript Debugging</title> <link rel="icon" href="http://static.jsbin.…

    Otherwise if you are using a XML view , just add the <App> tag after the <Page> tag and the tiles are shown.:

    <core:View

        controllerName="sap.ui.auth.view.Master"

        xmlns="sap.m"

        xmlns:commons="sap.ui.commons"

        xmlns:table="sap.ui.table"

        xmlns:core="sap.ui.core" >

        <Page

            title = "Authorisation Matrix">

            <App>

                <TileContainer id="tile">

                    <tiles>

                        <StandardTile icon="sap-icon://wrench"

                            title="Technical Names"

                            press="handleTile1">

                        </StandardTile>

                        <StandardTile icon="sap-icon://chain-link"

                            title=" Attributes"

                            press="handleTile2">

                        </StandardTile>

                        <StandardTile icon="sap-icon://dimension"

                            title="Context"

                            press="handleTile3">

                        </StandardTile>

                        <StandardTile icon="sap-icon://history"

                            title="Template History View"

                            press="handleTile4">

                        </StandardTile>

                    </tiles>

                </TileContainer>

            </App>

        </Page>

    </core:View>

    Add comment
    10|10000 characters needed characters exceeded

  • avatar image
    Former Member
    May 23, 2014 at 07:41 AM

    Hi Ravikiran,

    Couple of questions to hopefully guide you towards figuring an answer out for yourself...

    1. Have you used the SAP UI5 SDK documentation to look at the controls and API information to see if there actually is an sap.ui control for tiles?
    2. Have you considered that maybe you can use the sap.m objects in your sap.ui stuff too?
    3. Why do you want/need a sap.ui.tile object?

    Cheers,

    G.

    Add comment
    10|10000 characters needed characters exceeded