align streamplayer icon/image in css Topic is solved

Dashticz, alternative dashboard based on HTML, CSS, jQuery

Moderators: leecollings, htilburgs, robgeerts

Post Reply
whoami
Posts: 73
Joined: Tuesday 31 March 2020 22:31
Target OS: -
Domoticz version:
Location: Dutch
Contact:

align streamplayer icon/image in css

Post by whoami »

How to make the icon or image of the streamplayer (letter A in the example) bigger and center vertically? I tried a lot but can't find the right description in CSS.
tried a lot with .streamplayer in custom.css
Knipsel.JPG
Knipsel.JPG (16.62 KiB) Viewed 597 times
whoami
Posts: 73
Joined: Tuesday 31 March 2020 22:31
Target OS: -
Domoticz version:
Location: Dutch
Contact:

Re: align streamplayer icon/image in css

Post by whoami »

Nobody knows this? If I use .streamplayer only the titles of the radio is changed not the icon in front...
Lokonli
Posts: 2291
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: align streamplayer icon/image in css

Post by Lokonli »

whoami wrote: Sunday 17 January 2021 13:43 Nobody knows this? If I use .streamplayer only the titles of the radio is changed not the icon in front...
Try the following in custom.css:

Code: Select all

.streamplayer .col-icon {
    display:flex;
    align-items: center;
    width: 100px !important;
    max-width: 100px;
}

.streamplayer .col-icon .fas{
    font-size: 100px;
}
whoami
Posts: 73
Joined: Tuesday 31 March 2020 22:31
Target OS: -
Domoticz version:
Location: Dutch
Contact:

Re: align streamplayer icon/image in css

Post by whoami »

Lokonli wrote: Sunday 17 January 2021 20:44
whoami wrote: Sunday 17 January 2021 13:43 Nobody knows this? If I use .streamplayer only the titles of the radio is changed not the icon in front...
Try the following in custom.css:

Code: Select all

.streamplayer .col-icon {
    display:flex;
    align-items: center;
    width: 100px !important;
    max-width: 100px;
}

.streamplayer .col-icon .fas{
    font-size: 100px;
}
Yes, that works great!! You know a lot :-)

Do you also know how to avoid that the musicstreamer stops playing after a refresh of Dashticz? I can turn of the refresh, but then my weather is not updated anymore...
Lokonli
Posts: 2291
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: align streamplayer icon/image in css

Post by Lokonli »

whoami wrote: Sunday 17 January 2021 22:10
Lokonli wrote: Sunday 17 January 2021 20:44
whoami wrote: Sunday 17 January 2021 13:43 Nobody knows this? If I use .streamplayer only the titles of the radio is changed not the icon in front...
Try the following in custom.css:

Code: Select all

.streamplayer .col-icon {
    display:flex;
    align-items: center;
    width: 100px !important;
    max-width: 100px;
}

.streamplayer .col-icon .fas{
    font-size: 100px;
}
Yes, that works great!! You know a lot :-)

Do you also know how to avoid that the musicstreamer stops playing after a refresh of Dashticz? I can turn of the refresh, but then my weather is not updated anymore...
Most browsers don't allow to start autoplay after page load. I did not find a workaround.

Probably it's better to try to fix the weather update. Can you post your weather block?
whoami
Posts: 73
Joined: Tuesday 31 March 2020 22:31
Target OS: -
Domoticz version:
Location: Dutch
Contact:

Re: align streamplayer icon/image in css

Post by whoami »

Lokonli wrote: Monday 18 January 2021 10:53
whoami wrote: Sunday 17 January 2021 22:10
Lokonli wrote: Sunday 17 January 2021 20:44
Try the following in custom.css:

Code: Select all

.streamplayer .col-icon {
    display:flex;
    align-items: center;
    width: 100px !important;
    max-width: 100px;
}

.streamplayer .col-icon .fas{
    font-size: 100px;
}
Yes, that works great!! You know a lot :-)

Do you also know how to avoid that the musicstreamer stops playing after a refresh of Dashticz? I can turn of the refresh, but then my weather is not updated anymore...
Most browsers don't allow to start autoplay after page load. I did not find a workaround.

Probably it's better to try to fix the weather update. Can you post your weather block?
I just use the owm module:

config['owm_api'] = 'xxxxxxx';
config['owm_city'] = 'xxxxxxx';
config['owm_name'] = 'xxxxxxx';
config['owm_country'] = 'nl';
config['owm_lang'] = 'nl';
config['owm_cnt'] = '5';
config['owm_days'] = 0;
config['owm_min'] = 1;

columns[3] = {}
columns[3]['blocks'] = ['titelradio','streamplayer', 'weather_owm', 'currentweather_big_owm']
columns[3]['width'] = 6;

This one does not update when there is no refresh of Dashticz.
Also I can’t show 2 times weather_owm, one with day interval and other with 3 hours interval. Is that possible too?
Lokonli
Posts: 2291
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: align streamplayer icon/image in css

Post by Lokonli »

I've checked the code, but indeed, weather_owm (and weather) don't have any refresh functionality.

I'll improve this in a next update, including support for multiple blocks with different block parameters.
whoami
Posts: 73
Joined: Tuesday 31 March 2020 22:31
Target OS: -
Domoticz version:
Location: Dutch
Contact:

Re: align streamplayer icon/image in css

Post by whoami »

Lokonli wrote: Tuesday 19 January 2021 17:43 I've checked the code, but indeed, weather_owm (and weather) don't have any refresh functionality.

I'll improve this in a next update, including support for multiple blocks with different block parameters.
That would be nice!
Where can I check the new releases?
Lokonli
Posts: 2291
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: align streamplayer icon/image in css

Post by Lokonli »

here in the forum
whoami
Posts: 73
Joined: Tuesday 31 March 2020 22:31
Target OS: -
Domoticz version:
Location: Dutch
Contact:

Re: align streamplayer icon/image in css

Post by whoami »

Lokonli wrote: Tuesday 19 January 2021 17:43 I've checked the code, but indeed, weather_owm (and weather) don't have any refresh functionality.

I'll improve this in a next update, including support for multiple blocks with different block parameters.
I see there is a new beta, is this also in the update I can't find in the release notes, but maybe it is not described.
Lokonli
Posts: 2291
Joined: Monday 29 August 2016 22:40
Target OS: Raspberry Pi / ODroid
Domoticz version:
Contact:

Re: align streamplayer icon/image in css

Post by Lokonli »

No, weather update/refresh has not been implemented yet.
whoami
Posts: 73
Joined: Tuesday 31 March 2020 22:31
Target OS: -
Domoticz version:
Location: Dutch
Contact:

Re: align streamplayer icon/image in css

Post by whoami »

Lokonli wrote: Wednesday 27 January 2021 12:12 No, weather update/refresh has not been implemented yet.
Do you know already a planning when it is possibleto refresh the weather block?
And in v3.7.3 you decribed that you could add 2 of the same blocks, but how can I add the weather_owm 2 times?
One with the 3 hour interval and 1 with the daily interval, in the config lines I can only choose between day or hourly updatess

(I know that you're doing a great job, don't get rushed by my question :))
Post Reply

Who is online

Users browsing this forum: No registered users and 1 guest