updated by @ilovehousemusic: 04/05/14 10:03:50PM
JAMROOM
solved Is there a way to overflow:scroll a album player?
I'm looking for a way to keep the player height controlled for albums with hella songs in it. Is there an example of overflow: scroll command for the album player ? TIA!
updated by @ilovehousemusic: 04/05/14 10:03:50PM
updated by @ilovehousemusic: 04/05/14 10:03:50PM
I did try this btw: {....limit="50" overflow="scroll" autoplay=$_conf.$ap}
Got a link to the page where its on? Im sure there is, its just CSS.
@michael My site is in maint mode at the moment.
However -I found an example of a player that scrolls in jrMediaPro on the stations.tpl template.
It's viewable here on the demo system: http://demo.jamroom.net/jrMediaProLight/stations
I traced it down to jrMediaPro > Stations.tpl > Station_Playlist.tpl > Radio_Playlist.tpl
However when I look on there there's no evidence of css or overflow settings.
I also looked at the default playlist module templates. I think I'm just not seeing where that's controlled.
Trying to make the profile album player behave like the station playlist player...
However -I found an example of a player that scrolls in jrMediaPro on the stations.tpl template.
It's viewable here on the demo system: http://demo.jamroom.net/jrMediaProLight/stations
I traced it down to jrMediaPro > Stations.tpl > Station_Playlist.tpl > Radio_Playlist.tpl
However when I look on there there's no evidence of css or overflow settings.
I also looked at the default playlist module templates. I think I'm just not seeing where that's controlled.
Trying to make the profile album player behave like the station playlist player...
I think I'm in the right area ... I am looking at the jrPlaylist.css (Playlist Module) and comparing it to the Audio Module's jrAudio_Player_dark.css...
I traced it down to the jr_Audio_player_dark.css and set this:
.jr_audio_dark_player div.jp-playlist {
width:100%;
overflow-y:scroll;
background-color:#111;
border-top:2px solid #333;
margin-top:6px;
}
and also tried this:
.jr_audio_dark_player div.jp-playlist {
width:100%;
overflow:scroll;
background-color:#111;
border-top:2px solid #333;
margin-top:6px;
}
And neither worked. Am I in the right spot?
Thanks!
updated by @ilovehousemusic: 03/02/14 09:51:25PM
.jr_audio_dark_player div.jp-playlist {
width:100%;
overflow-y:scroll;
background-color:#111;
border-top:2px solid #333;
margin-top:6px;
}
and also tried this:
.jr_audio_dark_player div.jp-playlist {
width:100%;
overflow:scroll;
background-color:#111;
border-top:2px solid #333;
margin-top:6px;
}
And neither worked. Am I in the right spot?
Thanks!
updated by @ilovehousemusic: 03/02/14 09:51:25PM
AH got it. Forgot to add this:
height:150px;
The final code
updated by @ilovehousemusic: 03/02/14 10:01:58PM
height:150px;
The final code
.jr_audio_dark_player div.jp-playlist {
width:100%;
height:150px;
overflow-y:scroll;
background-color:#111;
border-top:2px solid #333;
margin-top:6px;
}updated by @ilovehousemusic: 03/02/14 10:01:58PM
I would add that as an override in your skins core_site.css so it doesn't get lost in any updates.
Also to max it resize I would set the height to
max-height:150px;
that way if you have songs with less files it will resize accordingly.
--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion
updated by @madc: 03/03/14 04:25:05AM
Also to max it resize I would set the height to
max-height:150px;
that way if you have songs with less files it will resize accordingly.
--
~ https://punkbandpromotions.com ~
Check us out for all your Punk/Alternative Music!
Check us out on Facebook:- https://facebook.com/PunkBandPromotion
updated by @madc: 03/03/14 04:25:05AM
@MAD - Yup! I caught that yesterday when viewing a single audio item detail page and added the max-height instead. Didn't know about the core_site.css override but thanks for the tip!
