# \[Pro\]\[Dashboard\] SmartDash - a dashboard for Homey \[CLOSED\]

**URL:** <https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385>\
**Category:** Apps\
**Tags:** flow, dashboard, ios, homey-pro, android\
**Created:** [June 27, 2023, 8:41pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385 "2023-06-27T20:41:13Z")\
**Posts on this page:** 20\
**Page:** 27

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 15, 2024, 3:53pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/526 "2024-03-15T15:53:41Z")

</div>

i have update ns panel version, check if it work

---

<div class="post-metadata">

**Author:** ![Johan\_Gustavsson](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johan_gustavsson/32/79831_2.png) [@Johan\_Gustavsson](https://community.homey.app/u/Johan_Gustavsson)\
**Post date:** [March 16, 2024, 2:18pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/527 "2024-03-16T14:18:43Z")

</div>

Hi  
dont know if this is the right place to ask, but i have problems to login on the smartdash, dont know how i fint the “Local Url” , “Homey Pro API Key”  
im quite new on this, but i dont really get it.  
Thanks

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 16, 2024, 4:19pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/528 "2024-03-16T16:19:16Z")

</div>

Hi, local url is the url of homey: [http://192.168.1.45:80](http://192.168.1.45:80) for example

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 16, 2024, 4:21pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/529 "2024-03-16T16:21:22Z")

</div>

Api key can be generated in my.homey.app settings \> api key

---

<div class="post-metadata">

**Author:** ![Johan\_Gustavsson](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johan_gustavsson/32/79831_2.png) [@Johan\_Gustavsson](https://community.homey.app/u/Johan_Gustavsson)\
**Post date:** [March 17, 2024, 9:28am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/530 "2024-03-17T09:28:54Z")

</div>

Thanks, but i have generated API, i know the ip of homey, but it doesnt work, do a need to ad port? [[http://192.168.1.45:80](http://192.168.1.45:80)? and how do i fint it?

 ![nfs](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/8/083bf296009e24148aa8c5d051a32a64ac69e0a5.jpeg)

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 18, 2024, 8:21am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/531 "2024-03-18T08:21:50Z")

</div>

Hi,  
I don’t know if you solved it, but:

my.homey.app → settings → system → general  
 ![Screenshot 2024-03-18 alle 09.19.03](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/d/8d7dc78028c41ae3acf34ded629a2b7783ec57ea.png)

smartdash

 ![Screenshot 2024-03-18 alle 09.20.47](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/8/6/868ea91cf1a251640a3eeae70e3d9172bef2d644.png)

The PORT is alway 80 in local connection

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 18, 2024, 8:43am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/532 "2024-03-18T08:43:01Z")

</div>

**v 0.240318.3**

> - Fixed power capability (again)

---

<div class="post-metadata">

**Author:** ![Johan\_Gustavsson](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johan_gustavsson/32/79831_2.png) [@Johan\_Gustavsson](https://community.homey.app/u/Johan_Gustavsson)\
**Post date:** [March 18, 2024, 6:49pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/533 "2024-03-18T18:49:47Z")

</div>

> [@diapolon](#):
>
> The PORT is alway 80 in local connection

Hi Thanks!

I wrote Https:// instead of Http://  
didnt need to write Port :80 after  
Now im in! thank you!

I will now read how to configure.  
is it possible toget circle menu?

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 18, 2024, 7:41pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/534 "2024-03-18T19:41:48Z")

</div>

> [@Johan\_Gustavsson](#):
>
> is it possible toget circle menu?

I don’t understand 😅

---

<div class="post-metadata">

**Author:** ![Johan\_Gustavsson](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/johan_gustavsson/32/79831_2.png) [@Johan\_Gustavsson](https://community.homey.app/u/Johan_Gustavsson)\
**Post date:** [March 18, 2024, 9:09pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/535 "2024-03-18T21:09:44Z")

</div>

😅 sorry for that.  
I mean round buttons instead of square buttons,  
😊

---

<div class="post-metadata">

**Author:** ![sandro711](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sandro711/32/74638_2.png) [@sandro711](https://community.homey.app/u/sandro711)\
**Post date:** [March 18, 2024, 11:04pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/536 "2024-03-18T23:04:52Z")

</div>

You can do it by css by radius: x, the problem is, that the widgwts by default are not squares, but rectangles, so you actually will get ovals. So the question is, why is it like that? @diapolon

It would be more logical to have square buttons that may be transformed to rectangles when combined (like 1x3, 3x2 etc.) and circles or ovals by css.

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 19, 2024, 7:54am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/537 "2024-03-19T07:54:40Z")

</div>

if you go in panels-\>settings you can change theme from squared or rounded

 ![Screenshot 2024-03-19 alle 08.53.50](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/b/3b7bde3da0162b8ea05b15347c33164f2852d64f.png)

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 19, 2024, 7:57am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/538 "2024-03-19T07:57:27Z")

</div>

Hi,  
this is because widget’s dimension is calculate in percentage of device screen and every smartphone/tablet are rectangles

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 19, 2024, 8:04am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/539 "2024-03-19T08:04:53Z")

</div>

But you can create a circle with some css

 ![Screenshot 2024-03-19 alle 09.04.27](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/5/15f8f2d0370c3b0e9da7093bdad1e27b8c66e77a.png)

```auto
.content { border-radius: 0; box-shadow: none; background-color: transparent }
.content .date { display: none }
.content .box { position: initial; width: 100px; height: 100px; margin: 0 auto; border-radius: 50%; background-color: lime }

```

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 19, 2024, 8:16am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/540 "2024-03-19T08:16:08Z")

</div>

**v 0.240319.1**

> - Fixed bug in WidgetGenericCapability

---

<div class="post-metadata">

**Author:** ![WillemG](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/willemg/32/37114_2.png) [@WillemG](https://community.homey.app/u/WillemG)\
**Post date:** [March 19, 2024, 9:01am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/541 "2024-03-19T09:01:56Z")

</div>

Hi Diapolon,

The ON/OFF button is displayed in the Thermostate Widget, but it doesn’t react on touching it.  
It does SHOW the right state. So when turning the device off in Homey the NSPANEL changes the status of the button.

But it cannot be controlled from the NSPANEL.

---

<div class="post-metadata">

**Author:** ![WillemG](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/willemg/32/37114_2.png) [@WillemG](https://community.homey.app/u/WillemG)\
**Post date:** [March 19, 2024, 9:05am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/542 "2024-03-19T09:05:36Z")

</div>

.content .range { display: none }  
 → OK

.on .content .range { display: block }  
 → Doens’t show the slider

(see first widget in screenshot)

 ![IMG_4720 groot](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/2/12df920309c6f285aad14544ab82860715f72d5e.jpeg)

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 19, 2024, 9:58am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/543 "2024-03-19T09:58:06Z")

</div>

it’s very strange,  
this code work in genericLight widget

```auto
.content .range { display: none }
.on .content .range { display: block }

```

---

<div class="post-metadata">

**Author:** ![sandro711](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/sandro711/32/74638_2.png) [@sandro711](https://community.homey.app/u/sandro711)\
**Post date:** [March 19, 2024, 9:58am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/544 "2024-03-19T09:58:41Z")

</div>

I see! But I thought the phone app is primarily a support tool to do not make all the settings on NS Panel Pro. So wouldnt be easier to keep the width in percentage as you said, but then calculate the height to keep the proportions correct?

By that you can easily set the css corectly via relative clauses (like border-radius: 0.5) and you dont need to set outer div transparent and inner div in fixed dimensions. And it will look the same on phone and NS Panel Pro.

It doesnt really matter that the screen on phone will need to scroll time to time …

---

<div class="post-metadata">

**Author:** ![diapolon](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/diapolon/32/82612_2.png) [@diapolon](https://community.homey.app/u/diapolon)\
**Post date:** [March 19, 2024, 10:18am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/545 "2024-03-19T10:18:14Z")

</div>

The grid was created to cover all the available space (except the toolbar).

 ![Screenshot 2024-03-19 alle 11.09.39](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/b/f/bf38d33fe49841b21757cbea642473afa4768af8.png)

If i make the 1x1 a rectangle the result is:

 ![Screenshot 2024-03-19 alle 11.46.46](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/1/6/169bf534ac2fd53cfb1fe58729a451f2804d0e44.png)

Now since the 0.5x0.5 dimension has been introduced it could also be done.  
I have to think

EDIT: a solution is to add a grid 3x3 for make widget squared

[Previous page](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385.md?page=26)

[Next page](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385.md?page=28)
