How to create tiles

[former_member192494]

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

[ChandraMahajan · Accepted solution]

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

Regards,

Chandra

[former_member192494 · Accepted solution]

Hi Chandra,

Thanks you for sharing the info, probably now i can start creating the tiles.

Thanks and Regards

Ravikiran

[Former Member]

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="h...

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>

[Former Member]

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.

[former_member192494]

Hi Gareth,

1. Yes i had a look at SDK Documentation but i still in learning stage, was not able to find that control like i did for mobile libraries.

2. I didn't know that i can actually use sap.m library with sap.ui libraries.

3. I am developing a test application using UI libraries, that should have some live tiles, where in on click on the tiles,i should get navigated to next page.

Thanks

Ravikiran

[Former Member]

Hi Ravikiran,

Exactly!  There isn't an entry in the UI5 SDK for sap.ui.tile because it doesn't exist.  You can indeed use sap.m and sap.ui controls with each other, you just need to declare the libraries in your bootstrap.

Good luck

G.

[former_member192494]

Hi Gareth,

I didn't have second thought in using both the libraries together.

Thank you for being in detail with the libraries.

Thanks and Regards,

Ravikiran

[Former Member]

Hi Ravikiran,

I understand there are some specific issues in very certain situations where using the sap.m libraries alongside the sap.ui libraries can cause problems however I wouldn't expect this will cause you any issues for now as you learn.

Cheers,

G.

[former_member192494]

Hi Gareth,

I guess problem is using two libraries together may cause some controls not work.

Correct if i am wrong.

Regards,

Ravikiran