Solved: SAP build work zone, Custom Visualization of Tile ...

dipender002 · ‎2024 Sep 26

Hello SAP Community,

I am facing an issue regarding the SAP work zone. I am using Custom Visualization of Tile as described in below documentation and blogs -

https://help.sap.com/docs/build-work-zone-standard-edition/sap-build-work-zone-standard-edition/impl...
and
https://community.sap.com/t5/technology-q-a/implement-a-custom-visualization-tile-launchpad/qaq-p/12...

I have deployed it to SAP build work zone, and the visualization is working, but when I click on the tile it is not redirecting me to the app with sematic object-action instead it is on #Shell-home only and there are no errors in console as well.

To check the code, here are the github link of both apps are as follows (mainly changes are in manifest.json file) -

HTMl5 custom tile - https://github.com/Dipesh1001/html5.customtile

Demo Fiori Project - https://github.com/Dipesh1001/project1

Looking Forward to solution.

Thanks and Regards,

Dipender

ab_dogan · ‎2025 May 30

@dipender002 I experienced same before. As it is generic tile, you should implement press event of GenericTile Control to perform an action in your custom tile:

Consider that it's your view for custom tile:

<mvc:View
    controllerName="peotile.controller.Tile"
    xmlns:mvc="sap.ui.core.mvc"
    displayBlock="true"
    xmlns:microchart="sap.suite.ui.microchart"
    xmlns="sap.m"
>
    <GenericTile id="idTileMetricHealty"
        header="{i18n>genericTile-title}"
        sizeBehavior="Responsive"
        press="onPress"
        frameType="OneByOne"
    >
        <TileContent id="idTileContent">
            <microchart:HarveyBallMicroChart
                id="idTileHarveyBallMicroChart"
                total="100"
                showFractions="false"
                showTotal="false"
                size="Responsive"
                alignContent="Left"
            >
                <microchart:items>
                    <microchart:HarveyBallMicroChartItem
                        id="idTileHarveyBallMicroChartItem"
                        fraction="100"
                        formattedLabel="true"
                        color="Good"
                    />
                </microchart:items>
            </microchart:HarveyBallMicroChart>
        </TileContent>
    </GenericTile>
</mvc:View>

and its controller:

sap.ui.define([
    "sap/m/MessageToast",
    "sap/ui/core/mvc/Controller"
], function (
    MessageToast, Controller
) {
    "use strict";

    return Controller.extend("peotile.controller.Tile", {

        onInit: function () {

        },
        onPress: function () {
            MessageToast.show("Pressed");
        },

SAP build work zone, Custom Visualization of Tile is not opening the app when clicked on it

Know the answer?

Need more details?