Windows Style Live-Tile UI for HomeSeer

[olag00]

I haven't had a chance to test but is the embedded webpage interactive or is it more of a snapshot of the site at that point in time?

[naellis]

I haven't had a chance to test but is the embedded webpage interactive or is it more of a snapshot of the site at that point in time?

This particular web site is updated daily, so any day you go to the image it will be the latest data. Click or tap on the body of the graph or the 2 hyper-links at the bottom will take you to the appropriate page on the web site.

[olag00]

This particular web site is updated daily, so any day you go to the image it will be the latest data. Click or tap on the body of the graph or the 2 hyper-links at the bottom will take you to the appropriate page on the web site.

When you click the link, does it launch a web browser or does it stay within the tile?

[naellis]

When you click the link, does it launch a web browser or does it stay within the tile?

I only use Chrome and when you click the link it goes to the associated web page within the same browser tab, then using the back arrow takes you back to the HSMetro tab.

[naellis]

Awesome! Glad that worked for you! The framework is turning out to be quite flexible which is a very good thing! I really didn't want to keep writing widgets for everything.

Well of course having the success of single web code within a tab means I really need more on the same tab. I guess this is more tricky because they aren't really tiles. But, is it possible or do I need to wait for another feature update such as tab-within-tab ?

[wposner]

Well of course having the success of single web code within a tab means I really need more on the same tab. I guess this is more tricky because they aren't really tiles. But, is it possible or do I need to wait for another feature update such as tab-within-tab ?

Just start another tile using


<div class="tile-large" data-role="tile">
<div class="tile-content">
your code here
</div>
</div>

[naellis]

Just start another tile using


<div class="tile-large" data-role="tile">
<div class="tile-content">
your code here
</div>
</div>

Thanks but can't work out why they are not in alignment....?



<div class="tile-area tile-area-scheme-dark fg-white">


<div class="tile-group three">

<span class="tile-group-title"></span>

<div class="tile-container">

<div id="boilerjuice_graph"><a rel="follow" href="https://www.boilerjuice.com/">
<img src="https://www.boilerjuice.com/oil-price-chart.png?
size=450x300&region=1&date_range=1y&theme=light&n= y" width="450" height="300" alt="Heating oil price
data provided by BoilerJuice.com" /></a><p style="text-align: center;"><a rel="nofollow"
href="https://www.boilerjuice.com/heating-oil-prices/">United Kingdom Heating Oil Price Chart</a> from
<a rel="nofollow" href="https://www.boilerjuice.com/">www.boilerjuice.com</a>&copy;</p></div>
</div>
</div>
<div class="tile-group three" data-role="tile">
<div class="tile-content">


<div id="boilerjuice_graph"><a rel="follow" href="https://www.boilerjuice.com/">
<img src="https://www.boilerjuice.com/oil-price-chart.png?

size=450x300&region=1&date_range=m&theme=light&n= y" width="450" height="300" alt="Heating oil price
data provided by BoilerJuice.com" /></a><p style="text-align: center;"><a rel="nofollow"
href="https://www.boilerjuice.com/heating-oil-prices/">United Kingdom Heating Oil Price Chart</a> from
<a rel="nofollow" href="https://www.boilerjuice.com/">www.boilerjuice.com</a>&copy;</p></div>
</div>
</div>

<div class="tile-group three" data-role="tile">
<div class="tile-content">


<div id="boilerjuice_graph"><a rel="follow" href="https://www.boilerjuice.com/">
<img src="https://www.boilerjuice.com/oil-price-chart.png?

size=450x300&region=1&date_range=w&theme=light&n= y" width="450" height="300" alt="Heating oil price
data provided by BoilerJuice.com" /></a><p style="text-align: center;"><a rel="nofollow"
href="https://www.boilerjuice.com/heating-oil-prices/">United Kingdom Heating Oil Price Chart</a> from
<a rel="nofollow" href="https://www.boilerjuice.com/">www.boilerjuice.com</a>&copy;</p></div>
</div>

</div>

[wposner]

Because you're not creating a tile. You're creating a tile group and then a tile container but no tile

[olag00]

The windows version seems to be corrected as far as the rooms not covering up the tile descriptions but while viewing from the android mobile version it covers up half the description while in landscape and almost half the tile while in portrait.

Also, on mobile it has the "menu" button in top right to drop down the tabs (rooms). Is there a way to make that go away when you select a room? Currently you select a room and then need to hit the "menu" button for it to go away.

[wposner]

The windows version seems to be corrected as far as the rooms not covering up the tile descriptions but while viewing from the android mobile version it covers up half the description while in landscape and almost half the tile while in portrait.

Also, on mobile it has the "menu" button in top right to drop down the tabs (rooms). Is there a way to make that go away when you select a room? Currently you select a room and then need to hit the "menu" button for it to go away.

Can you post screenshots? I'm not having any issues on my 8" android tablet. As for the menu button and nav bar, that's coming from the open source bootstrap library. I don't want to make any changes to it because as it is being updated, anything I do to it will be lost.

[olag00]

Here are the screenshots of different views...These are from my phone but a similar scenario happens on my Samsung Tab4 7" tablets.

[olag00]

Here is one from my tablet:

[wposner]

Got it fixed. I'll post a new build soon.

[olag00]

Got it fixed. I'll post a new build soon.

Excellent.

Is there a way to have the icon change states on the <hsevent> widgets? It appears to only be a static icon. I would like to be able to track a virtual device so I know what Event was just pressed. See screen shot below. I have Directv and Kodi event. If I press "watch directv" I would like for the icon to turn green or the icon be the On icon while the Kodi icon is normal color and icon is the Off icon.

As an FYI, I just pressed "Watch Movie on Left TV" but you couldn't tell that by looking at the screen.

[wposner]

Excellent.

Is there a way to have the icon change states on the <hsevent> widgets? It appears to only be a static icon. I would like to be able to track a virtual device so I know what Event was just pressed. See screen shot below. I have Directv and Kodi event. If I press "watch directv" I would like for the icon to turn green or the icon be the On icon while the Kodi icon is normal color and icon is the Off icon.

As an FYI, I just pressed "Watch Movie on Left TV" but you couldn't tell that by looking at the screen.

Unfortunately, events don't return enough info to be able to toggle an icon. It doesn't report state to be able to determine which icon to load.