# \[Pro\]\[Dashboard\] SmartDash - a dashboard for Homey \[CLOSED\] **URL:** \ **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:** 35
**Author:** ![Robinjo](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robinjo/32/2656_2.png) [@Robinjo](https://community.homey.app/u/Robinjo)\ **Post date:** [March 30, 2024, 4:05pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/687 "2024-03-30T16:05:38Z")
@diapolon how do custom icons section work? Just putting mdi code in it does not work. ---
**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 30, 2024, 4:16pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/688 "2024-03-30T16:16:50Z")
If icon is mdi-power you need write only power ---
**Author:** ![Robinjo](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robinjo/32/2656_2.png) [@Robinjo](https://community.homey.app/u/Robinjo)\ **Post date:** [March 30, 2024, 6:10pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/689 "2024-03-30T18:10:34Z")
Testing with your examples. Flipping icon works, but adding text before title doesn’t. First testing to add before I opacity the original title. This should add a “X” before the title isn’t it? > .content .box {font-size:20px} > .content .state {color: #ffc000} > .on .content .mdi::before {content: “\F0904”;} > .on .content .name::before {content: “X”;color: #d2d2d2} ---
**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 30, 2024, 6:16pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/690 "2024-03-30T18:16:42Z")
.name is position absolute, maybe it make a bug/error. Try to set width, height and display in before, or change before with pseudo class after! ---
**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 30, 2024, 6:24pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/691 "2024-03-30T18:24:48Z")
You are missing .on .content .name {color: #background\_color; } @diapolon it would help if text in div would be placed to a \< span \>\< / span \>, then you can just make .on. content .name span {display:none} ---
**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 30, 2024, 6:46pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/692 "2024-03-30T18:46:35Z")
Yes, it can be helpfull ---
**Author:** ![Robinjo](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robinjo/32/2656_2.png) [@Robinjo](https://community.homey.app/u/Robinjo)\ **Post date:** [March 30, 2024, 7:22pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/693 "2024-03-30T19:22:22Z")
If I add that line, the title is going to the background, but “X” is not presented. Also tried “after” instead of “before” and the hight/width/display like @diapolon suggested if I did ik correct? No succes yet. > .content .box {font-size:20px} > .content .state {color: #ffc000} > .on .content .mdi::before {content: “\F0904”;} > .on .content .name {color: #242424} > .on .content .name::before {content: “X”; width: 100px; height: 20px; display: block; color: #d2d2d2} ---
**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 30, 2024, 8:06pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/694 "2024-03-30T20:06:35Z")
Found the problem, replace content:“x” with content:‘x’ I need to escape " ---
**Author:** ![Robinjo](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robinjo/32/2656_2.png) [@Robinjo](https://community.homey.app/u/Robinjo)\ **Post date:** [March 30, 2024, 8:51pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/695 "2024-03-30T20:51:37Z")
Thanks, on nspanel this works! Not on ios. ---
**Author:** ![Robinjo](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robinjo/32/2656_2.png) [@Robinjo](https://community.homey.app/u/Robinjo)\ **Post date:** [March 30, 2024, 9:54pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/696 "2024-03-30T21:54:53Z")
Hmm, I had it working one time, after changing things now it doesn’t anymore. Maybe need to wait for the update of “ ---
**Author:** ![Robinjo](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robinjo/32/2656_2.png) [@Robinjo](https://community.homey.app/u/Robinjo)\ **Post date:** [March 31, 2024, 12:58am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/697 "2024-03-31T00:58:26Z")
Love it to play around with this app. Edit my first page with sleep and awake toggle. ![IMG_0292](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/f/cf141f5fd808dc7d9840274369b228bf522bbf88.jpeg) ![IMG_0297](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/0/c0eff3a5d756488465834f6868fe7e3cbb761aff.jpeg) ---
**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:** [April 2, 2024, 1:03pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/698 "2024-04-02T13:03:27Z")
@Robinjo the problem is the char used… **”** is different to **"**. In CSS need to use quotation marks or single apostrophe ---
**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:** [April 2, 2024, 1:16pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/699 "2024-04-02T13:16:20Z")
New test version for nspanel pro [test](https://www.homeysmartdash.com/apk/test.php) I have remove system grids (3x3,3x4,etc) and insert a columns management. The default is 9 cols (Actually is the only) ![Screenshot 2024-04-02 alle 15.17.15](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/f/0f2cc35ff48fe8a98ffb762105356f1c106b510d.png) Because the nspanel pro is squared the total display is 9x9, where 9x1 is the toolbar and 9x8 is the visible widgets grid. Whats work: - 1. Migrating data to new database engine - 1. Migrating data to new grid system - 1. Square widget: now 1x1, 2x2, 3x3 etc are square. - 1. Prepared the system for allow toolbar height (from 1 to 2 cols) - 1. Added ability to install a test version if you enable the debug For manage the new grid i changed the method for setting widget dimension: ![Screenshot 2024-04-02 alle 15.11.02](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/0/6/06b43a01d2a54a8c7b2e43ab80a4222f338caab0.png) For official release i need to complete css adaptions for new grid and testing it for smartphone/tablet ---
**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:** [April 2, 2024, 4:34pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/700 "2024-04-02T16:34:49Z")
Awesome! You are the boss! ---
**Author:** ![Robinjo](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robinjo/32/2656_2.png) [@Robinjo](https://community.homey.app/u/Robinjo)\ **Post date:** [April 2, 2024, 7:30pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/701 "2024-04-02T19:30:49Z")
Love your knowledge about coding. Every time you manage to get things very quick fixed. I was searching for the best app to control homey from nspanel or something similar. With your app that talk directly to the api of homey makes a huge divergent. This will make this app awesome evey update it gets. ---
**Author:** ![Robinjo](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/robinjo/32/2656_2.png) [@Robinjo](https://community.homey.app/u/Robinjo)\ **Post date:** [April 2, 2024, 9:03pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/702 "2024-04-02T21:03:59Z")
Tryed this test version on nspanel, my experience are: - grid conversion did it allmost perfect. Only my 3x4 went a 6x1. But visual a 1x1. - a 2x2 looks like a nice button size. But is looks like the height is a bit bigger then the width. ---
**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:** [April 2, 2024, 9:27pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/703 "2024-04-02T21:27:07Z")
> [@Robinjo](#): > > grid conversion did it allmost perfect. Only my 3x4 went a 6x1. But visual a 1x1. Maybe i exchanged some values 🤔 ---
**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:** [April 2, 2024, 9:31pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/704 "2024-04-02T21:31:48Z")
> [@Robinjo](#): > > a 2x2 looks like a nice button size. But is looks like the height is a bit bigger then the width. Maybe it is an optical illusion, height is set to equal at width but tomorrow i check it, it can be a stupid error! ![IMG_3040](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/c/8/c88a42be94fba4e6e3c1f37a7b29aae62419d9ed.jpeg) ![IMG_3041](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/4/2/42e306088fee9356074502e89d8770fa93d73941.jpeg) ---
**Author:** ![McFly](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/mcfly/32/78986_2.png) [@McFly](https://community.homey.app/u/McFly)\ **Post date:** [April 2, 2024, 10:24pm UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/705 "2024-04-02T22:24:07Z")
Really nice work! A few minor things. 1. Might be a dumb question, but what is the green globe in the upper right corner for? 2. When using only one panel, could you hide the animation and panel icons in the top? 3. Under info, mine is blinking “upgrade available 0.240322.7” how can I upgrade? ---
**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:** [April 3, 2024, 6:27am UTC](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385/706 "2024-04-03T06:27:49Z")
Hi, the globe indicate the connection status with homey The update indicate a new version but for now in apple and google store the publish is paused because I’m heavily modifying the app, when the new version is fully usable i release it! For now is only available for ns panel pro [Previous page](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385.md?page=34) [Next page](https://community.homey.app/t/pro-dashboard-smartdash-a-dashboard-for-homey-closed/83385.md?page=36)