# Help with Device Tiles not appearing

**URL:** <https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482>\
**Category:** General Discussion\
**Tags:** developers\
**Created:** [February 23, 2020, 4:53pm UTC](https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482 "2020-02-23T16:53:46Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![stideways](https://yyz2.discourse-cdn.com/smartthings/user_avatar/community.smartthings.com/stideways/32/142804_2.png) [@stideways](https://community.smartthings.com/u/stideways)\
**Post date:** [February 23, 2020, 4:53pm UTC](https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482/1 "2020-02-23T16:53:46Z")

</div>

I am trying to repair the Roomba integration ([https://community.smartthings.com/t/latest-2019-irobot-roomba-integration-methods/169733](https://community.smartthings.com/t/latest-2019-irobot-roomba-integration-methods/169733)), and am 90% of the way there but I’m caught by a strange UI issue.

Here is the target UI design (from the original post):

 ![Screen Shot 2020-02-23 at 8.41.01 AM](https://global.discourse-cdn.com/smartthings/original/3X/5/f/5f138e22e698ab92e74d3fdf96b6336d3f9d4be2.png)

Here is what it looks like in the Simulator, which is close enough:

 ![Screen Shot 2020-02-23 at 8.40.02 AM](https://global.discourse-cdn.com/smartthings/original/3X/0/f/0f5d81dbbe371d69737b1a3c529df21c0fb9d89d.png)

And this is what it looks like in the ST App:

 ![Screenshot_20200223-084030](https://global.discourse-cdn.com/smartthings/original/3X/8/4/84ccb66d14902fa2480cfca8b6e4f4732ff4904e.png)

The tiles we _want_ to see are missing, and the tiles that should be hidden are visible. Here is the tile generation code:

```
tiles (scale: 2){
/Status tile based on intended action/
multiAttributeTile(name:"status", type: "generic", width: 6, height: 4){
tileAttribute ("device.status", key: "PRIMARY_CONTROL") {
attributeState ("Ready", label: "Ready", icon:"st.samsung.da.RC_ic_rc", backgroundColor:"#8CFC03")
attributeState ("Running", label: "In-Process", icon:"st.Health & Wellness.health7", backgroundColor:"#078bf7")
attributeState ("Paused", label: "Paused", icon:"st.sonos.pause-icon", backgroundColor:"#FC030F")
attributeState ("Docking", label: "Docking", icon:"st.presence.house.unlocked", backgroundColor:"#5F07F7")
attributeState ("Docked", label: "Docked", icon:"st.presence.house.secured", backgroundColor:"#5F07F7")
attributeState ("Stopped", label: "Stopped", icon:"st.sonos.stop-btn", backgroundColor:"#FC030F")
attributeState ("Ended", label: "Complete", icon:"st.samsung.da.RC_ic_rc", backgroundColor:"#8CFC03")
attributeState ("Error", label: "Error", icon:"st.Office.office6", backgroundColor:"#FC030F")
}
tileAttribute("device.motion", key: "SECONDARY_CONTROL") {
attributeState ("active", label: "Cleaning")
attributeState ("inactive", label: "Docked")
}
}
/Start/
standardTile("start", "device.button", width: 3, height: 2, decoration: "flat") {
state "default", label: "Start", icon:"st.samsung.da.RC_ic_rc", backgroundColor: "#ffffff", action: "start"
}
/Pause/
standardTile("pause", "device.button", width: 3, height: 2, decoration: "flat") {
state "default", label: "", icon:"st.sonos.pause-btn", backgroundColor: "#ffffff", action: "pause"
}
/Dock/
standardTile("dock", "device.button", width: 3, height: 2, decoration: "flat") {
state "default", label: "Dock", icon:"st.nest.nest-home", backgroundColor: "#ffffff", action: "dock"
}
/Stop/
standardTile("stop", "device.button", width: 3, height: 2, decoration: "flat") {
state "default", label: "", icon:"st.sonos.stop-btn", backgroundColor: "#ffffff", action: "stop"
}
/Reset/
standardTile("reset", "device.button", width: 6, height: 2, decoration: "flat") {
state "default", label: "Reset", icon:"st.secondary.refresh-icon", backgroundColor: "#ffffff", action: "reset"
}
/Switch for IFTT feedback of Started - Hidden by default/
standardTile("switch", "device.switch", inactiveLabel: false, width: 6, height: 2, decoration: "flat"){
state("off", label: "Ready", action: "switch.on", backgroundColor: "#ffffff", nextState: "on", defaultState: "true")
state("on", label: "Cleaning", action: "switch.off", backgroundColor: "#00a0dc", nextState: "off")
}
/Alarm for IFTT feedback of Error - Hidden by default/
standardTile("alarm", "device.alarm", inactiveLabel: false, width: 6, height: 2, decoration: "flat") {
state("off", label:"Ready / Pending", action:"alarm.strobe", icon:"st.alarm.alarm.alarm", backgroundColor:"#ffffff", nextState: "strobe", defaultState: "true")
state("strobe", label:"Error", action:"alarm.off", icon:"st.alarm.alarm.alarm", backgroundColor:"#e86d13", nextState: "off")
}
/Lock for IFTT feedback of mission complete - Hidden by default/
standardTile("lock", "device.lock", inactiveLabel: false, width: 6, height: 2, decoration: "flat"){
state("unlocked", label: "Ready / Pending", action: "lock.lock", backgroundColor: "#ffffff", nextState: "locked", defaultState: "true")
state("locked", label: "Mission Complete", action: "lock.unlock", backgroundColor: "#00a0dc", nextState: "unlocked")
}

    main "status"
    details(["status","start","pause","dock","stop","reset"])
}

}

```

I’ve not created too many device handlers, so it’s probably a pretty basic issue, but so far the answer has eluded me in the forums & help documentation. This is the last piece of the puzzle - any help is welcome!

---

<div class="post-metadata">

**Author:** ![GSzabados](https://yyz2.discourse-cdn.com/smartthings/user_avatar/community.smartthings.com/gszabados/32/73805_2.png) [@GSzabados](https://community.smartthings.com/u/GSzabados)\
**Post date:** [February 23, 2020, 6:34pm UTC](https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482/2 "2020-02-23T18:34:01Z")

</div>

You need to wait more, as there isn’t any documentation how to create UX plugins with custom capabilities in the new app. So it is not supported yet.

You might want to look here for reference:

> [@Moving your device from SmartThings Classic?](https://community.smartthings.com/t/moving-your-device-from-smartthings-classic/187270):
>
> Moving your device from SmartThings Classic? Learn more about Device Plugins and how to arrange UI Metadata in the SmartThings app using the [VID Selector](https://glitch.com/~vid-selector). -I guess there will be an official announcement too, but here you go, to quickly share it from the SmartThings Developer Newsletter.

---

<div class="post-metadata">

**Author:** ![TonyFleisher](https://avatars.discourse-cdn.com/v4/letter/t/d26b3c/32.png) [@TonyFleisher](https://community.smartthings.com/u/TonyFleisher)\
**Post date:** [February 23, 2020, 7:35pm UTC](https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482/3 "2020-02-23T19:35:23Z")

</div>

Custom Tiles for custom device handlers are only functional in the SmartThings classic app

---

<div class="post-metadata">

**Author:** ![orangebucket](https://yyz2.discourse-cdn.com/smartthings/user_avatar/community.smartthings.com/orangebucket/32/81590_2.png) [@orangebucket](https://community.smartthings.com/u/orangebucket)\
**Post date:** [February 23, 2020, 7:43pm UTC](https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482/4 "2020-02-23T19:43:52Z")

</div>

> [@stideways](#):
>
> I’ve not created too many device handlers, so it’s probably a pretty basic issue, but so far the answer has eluded me in the forums & help documentation. This is the last piece of the puzzle - any help is welcome!

The ‘tiles’ block in the device handlers defines the user interface for the Classic app. The new app takes a somewhat different approach to the problem, one that has exercised many people on this forum a great deal, especially of late. Suffice to say that the documentation needed isn’t here yet, and to some extent there seems to still be some work going on to refine the way things will be done.

If you are using any custom attributes or commands at the moment, you aren’t going to get much joy with those in the user interface either. Custom capabilities are on their way but haven’t quite arrived.

---

<div class="post-metadata">

**Author:** ![stideways](https://yyz2.discourse-cdn.com/smartthings/user_avatar/community.smartthings.com/stideways/32/142804_2.png) [@stideways](https://community.smartthings.com/u/stideways)\
**Post date:** [February 23, 2020, 8:06pm UTC](https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482/5 "2020-02-23T20:06:48Z")

</div>

Well, that’s a kick in the teeth, isn’t it?

Thanks for the links, I’ll do some reading on the new UI.

---

<div class="post-metadata">

**Author:** ![GSzabados](https://yyz2.discourse-cdn.com/smartthings/user_avatar/community.smartthings.com/gszabados/32/73805_2.png) [@GSzabados](https://community.smartthings.com/u/GSzabados)\
**Post date:** [February 27, 2020, 12:15pm UTC](https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482/6 "2020-02-27T12:15:58Z")

</div>

No, it is called Work In Progress.

---

<div class="post-metadata">

**Author:** ![DavinD](https://avatars.discourse-cdn.com/v4/letter/d/da6949/32.png) [@DavinD](https://community.smartthings.com/u/DavinD)\
**Post date:** [February 27, 2020, 2:43pm UTC](https://community.smartthings.com/t/help-with-device-tiles-not-appearing/187482/7 "2020-02-27T14:43:46Z")

</div>

I’ve had luck getting custom stuff to work by using setting parameters and putting code in the updated() method when they are toggled. For instance, bulbs that had a color loop tile in classic, I added a color loop setting.