# Homey.ink on a tablet/desktop

**URL:** <https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443>\
**Category:** Developers\
**Tags:** app\
**Created:** [April 29, 2019, 3:55pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443 "2019-04-29T15:55:21Z")\
**Posts on this page:** 1\
**Showing post:** 757

<div class="post-metadata">

**Author:** ![Peter\_Kawa](https://sea1.discourse-cdn.com/flex025/user_avatar/community.homey.app/peter_kawa/32/173848_2.png) [@Peter\_Kawa](https://community.homey.app/u/Peter_Kawa)\
**Post date:** [May 24, 2021, 7:20pm UTC](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443/757 "2021-05-24T19:20:09Z")

</div>

I found this solution, this removes all whitespaces from the weather data string.

```auto
      // First, remove possible whitespaces from weather description     
      let $WeatherStateNoSpace = weather.state.toLowerCase();
        $WeatherStateNoSpace = $WeatherStateNoSpace.replace(/\s+/g,'');

      $weatherStateIcon.classList.add($WeatherStateNoSpace);
      $weatherStateIcon.style.backgroundImage = 'url(img/weather/' + $WeatherStateNoSpace + dn + '.svg)';
      $weatherStateIcon.style.webkitMaskImage = 'url(img/weather/' + $WeatherStateNoSpace + dn + '.svg)';
 }

```

For the info panel, apply the like:

```auto
        $icon.id = ('weather-state-icon');
        // first, erase possible whitespaces from weather description 
        let $infoStateNoSpace = info.state.toLowerCase();
          $infoStateNoSpace = $infoStateNoSpace.replace(/\s+/g,'');

        $icon.classList.add($infoStateNoSpace);
        $icon.style.backgroundImage = 'url(img/weather/' + $infoStateNoSpace + dn + '.svg)';
        $icon.style.webkitMaskImage = 'url(img/weather/' + $infoStateNoSpace + dn + '.svg)';

```

**EDIT** Tested and it works.  
“Licht bewolkt” is converted to “lichtbewolkt” and finds my “lichtbewolkt.svg”.  
 ![lichtbewolkt](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/5/6/560bc0399df467b9e2c4a253b71018b1ea3ee747.png)

 ![Screenshot_20210525-145844_Chrome](https://us1.discourse-cdn.com/flex025/uploads/athom/original/3X/3/f/3f48f240bbe4204f08830134e19d4cd84da89f7f.jpeg)

So, the icon files should not contain any whitespaces, f.i. `partlyclouded.svg` or `heavythunderstorm.svg`

List of Dutch weather descriptions (received from Openweathermap by mail, thanks feRon):

```auto
200: onweersbui met lichte regen
201: onweersbui met regen
202: onweersbui met zware regenval
210: lichte onweersbui
211: onweersbui
212: zware onweersbui
221: onregelmatig onweersbui
230: onweersbui met lichte motregen
231: onweersbui met motregen
232: onweersbui met zware motregen
300: lichte motregen
301: motregen
302: zware motregen
310: lichte motregen/regen
312: zware motregen/regen
313: stortbuien en motregen
314: hevige stortbuien en motregen
321: zware motregen
500: lichte regen
501: matige regen
502: zware regenval
503: zeer zware regenval
504: extreme regen
511: koude buien
520: lichte stortregen
521: stortregen
522: zware stortregen
531: afwisselende stortbuien
600: lichte sneeuw
601: sneeuw
602: hevige sneeuw
611: ijzel
612: lichte ijzel
621: natte sneeuw
622: hevige sneeuw
701: mist
721: nevel
731: zand/stof werveling
751: zandstorm
762: vulkanische as
771: rukwinden
781: tornado
800: onbewolkt
801: licht bewolkt
802: half bewolkt
803: zwaar bewolkt
804: geheel bewolkt

```

---

_[View the full topic](https://community.homey.app/t/homey-ink-on-a-tablet-desktop/12443)._