[RELEASE] HD+ - Android Dashboard

Can you share the attributes for this device? I'm wondering if I can look for this in the app.. also, does it support commands like open/close?

The HTML device type would automatically (I think) support the </br> commands. But, if it's just plain text with </br> for newlines then it'd be better/faster for the app to just display the text and auto-replace these characters with newlines if that makes sense.. anyway, I should be able to come up with something if I can see all of the attributes/commands for this device (a device log would show this if you can send it to me or yourself and then copy/paste that portion)

1 Like

I think I noticed that bug too and fixed it.. I'll get the fix along with some others out here soon.

2 Likes

No worries. Thank you very much for all of your work.

Any idea why the graphics in my pollen tile don't seem to be positioned properly? I think this behavior started a few releases ago (or else it might be related to the actual pollen count being lower than usual during the past several weeks-- Zip code 12590 is what I am using).

The bar graphs seem to be vertically positioned too low in the tile as only a sliver of the highest pollen count bar seems to be visible. As shown in the video linked below, the bars appear properly (momentarily) when the tile is selected, then almost disappear again. Changing the tile height makes no difference to this behavior: Clicking on pollen count tile

@jpage4500 hey there... can you describe how your identifying the tile type a bit? I'm unclear what / how you're determining an HTML tile...
Take for example Moon phase - when I set the tile to Custom as a type, then review the Manage Display Items - i see HTML, html, and a number of attributes. such as hd-htmlDisplay and I can't seem to determine where this addition attributes are coming from!
I am trying to work on one of my own drivers so it displays on Android Dash 'out of the box'. It seems to work right now - but I can't understand why!

Also - is it possible you can explain the tile container html? What i'd like to do is build specific Android Dash tiles that are formatted perfectly for your dash... I can't pull up your dash in any form of Web Dev tools so I'm flying a bit blind in regards to what I get to work with within the tile.

version 1.0.1263 (beta)

  • add more supported HTML tags
  • fix bug with HSM widget (close via title not exiting app)
  • fix crash for button widget
  • fix widget dialog with black screen

Mostly minor fixes here including these issues:

1 Like

The Custom device type lets you pick 1-4 attributes to display. Initially, I only showed well-known attributes such as Light, Door, Switch. But, later I added the ability to pick from any device attribute and display it. I should probably clean it up a little but that's why you see things like HTML and then several attributes below.

Also, the "hd-*" attributes are just custom properties that I should also filter out. You can ignore those.

Anyway, the HTML device type uses a WebView which is basically a mini browser and can render HTML in any device attribute. I only offer that as an option if 1+ device attribute has some HTML code in it ("<html", "<table", "<span", "<div", "<img").

That little animation where the pollen count bars grow or shrink is on purpose. I also have the pollen count tile and the last few days it's been as low as I remember seeing it - to the point where you can't read the number. It's a little higher now but still really low.

I do see how pollen.com puts the number above the bar and maybe that's something I can do if the count is below a certain level
image

3 Likes

thanks - I had already surmised much of that but it did explain some new things. I was thinking a few thoughts:
@Bptworld wrote and maintains a great tool called TileMaker2. I was considering doing something with it or like it so that it could create Android Dash specific tiles. that was why I asked 'What does the container look like'. I was hoping for a 'well - I give a Div statement and you get the space inside ...' type of answer. The tiles for HE dashboard give something like:

<div id="tile-2" class="tile attribute h-full" style="grid-area: 1 / 2 / 2 / 4; font-size: 12px; border-radius: 10px; background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden; text-shadow: none;">
.
.
.
<div class="tile-edit"><i class="material-icons"> more_vert </i></div>
</div>

So knowing its a flex container defines some of how I'd approach my css and such.
Also - there is HTML and html tags in more than one of the user app tiles and I'm wondered if your code sees them independently or isn't case sensitive?
Lastly, I recently concluded in my own head that if a specific capability had a parm for 'default', this in turn could be valuable to dashboard makers to ID what tile format to apply. Currently there is not structure to what tile a particular driver uses (there is some dialog elsewhere in this forum about that) - so I was considering if there was a way for your app to pave the way? If you have a key of some form where I can hand in to your program particular values that you wish were there, I can begin to include that into some of my drivers.

I absolutely think your app is a massive advancement to the whole usability and concept of tiles and I am really thankful for your work and the value I get from it!

I just noticed that not all of the icons you can use are not there when scrolling down through the images. If I use search I see other icons I did not know where even there.

Also, I have added about 20 to the hub file system so far and had no issue selecting them until today. Maybe I added one too many since some I added last week are not there but are still listed and I can view them in the file system app.

On Android 11 and using newest version of dashboard app.

First of all, I'm really loving this app. You've done a great job.

Secondly, I've installed two iBlinds, and the icon for them is working correctly. However, I also created an "All Blinds" Hubitat group to control all of them, but haven't figured out a way to get the same icon for that device. The Shades icon isn't in the list. Is there a way to get it to work for a "dimmer" controller?

This morning I was having another issues and had to reboot the Hub. When I went to check the dashboard app I could now see the icons I uploaded and could select them. Great.

But, I am still wondering how I can scroll all of the other built-in icons that you see using a search word. How many are there?

version 1.0.1268 (beta)

  • change where the pollen count goes in pollen tile
  • fix what device attributes show up in 'manage display items' dialog
  • fix crash

image

I also tried to clean up the custom device type's "Manage Display Items" dialog.. the items listed at the top are the app-supported attributes and everything else is listed under a "Custom Attributes" header

2 Likes

Initially, that custom image selection dialog just let you search iconsdb.com. But, later I added some built-in images and displayed those if you didn't enter anything in the search box. Lastly, I wanted to add in images from the Hub's filemanager but didn't want to overcomplicate the UI so I just added them below the built-in icons. Also, the filemanager icons will only show up if you're local (same network).

Eventually, I'll try to change the dialog so you can select the source and then the search can work on any of them. I'll also try to update the user guide here too

What does that "All Blinds" device look like? Is it a Hubitat virtual switch or some other virtual device? I'm guessing it's a switch (on/off) with a "SwitchLevel" capability. That's why it's showing up by default as a light with that dimmer control around it.

The 2 blinds probably have the "WindowBlind" capability.

Is there a virtual blinds device available? I imagine that might work. Or, some other way to make that "All Blinds" device have the same available commands as blinds do (such as open/close/setPosition)?

If a device has 1 or more attributes that contain one of these strings, it'll allow that attribute to be used in a WebView (embedded browser). It's case-insensitive too.

"<html", "<div", "<table", "<img", "<iframe", "<span"

Also, if the attribute name itself if html or tile, these will be selected above any other attribute by default.

Lastly, if the device just has only 1 attribute that contains one of those html strings, it'll be used by default.

My hope is to try and just work out of the box for as many device types as possible. I've tested a few of them and tried to make the ones I've tested just work without any tweaking. But, some devices have multiple html attributes so I also wanted to be flexible so any of them could be chosen to display as well.

Hopefully that helps a little. As far as what html is supported -- I'm not 100% sure since I'm just passing it off to the WebView UI component. It's pretty flexible as I've found though - accepting both full HTML and snippets like the <div>...</div> tags I've seen several Hubitat drivers use. I do believe it supports external css/style sheets but I really haven't tested it enough to know for sure.

If there's some popular device drivers that are out there I'm willing to try them though to see how they look in the app. Just let me know. I haven't tried that TileMaker2 app for example

Thanks for the update!

@jpage4500 drat... as @Tony says 'Thanks!'.

I'll add that may have been the single biggest impactual update I've tested! I believe you cleared 18 tiles of mine with your effort. All Tile Maker (@bptworld app) tiles have come up cleanly - as well as 2 notifier tiles! (please - no comments on layouts of the tile contents - I'm playing with them!

1 Like

Just a quick preview of an upcoming new feature - custom dashboard backgrounds. I found a free images site (unsplash.com) which has a free API so that'll make it easy to add in an image search. I'll also let you enter in a URL and can later add in ways to get an image from the device or hub (NOTE: like the tile icons, images are only downloaded once and cached). There will also be a way to change how transparent the tiles are (which in turn affects how much the background will be visible)

Anyway, it'll probably take several days before this one's ready. I need to wait for unsplash to review my API access request and also make sure it's easy to figure out how to adjust everything in the app.. but, I think it'll be a cool addition!

6 Likes

Looking forward to new icons :slight_smile:

One item that needs your love - the button. I see no way to apply a button icon in the edit of the item. maybe it's missing or isn't supposed to be there?
This:
image
really doesn't seem like a button!
These aren't really good either - but the idea is okay ...
image

1 Like