How can I make the lightbox modal playlist window appears always at center of my screen in mobile view? Does anyone know?
Thnks!
updated by @andrusito: 09/03/17 05:20:36PM
JAMROOM
Playlist popup/lightbox window
Hi,
How can I make the lightbox modal playlist window appears always at center of my screen in mobile view? Does anyone know?
Thnks!
updated by @andrusito: 09/03/17 05:20:36PM
How can I make the lightbox modal playlist window appears always at center of my screen in mobile view? Does anyone know?
Thnks!
updated by @andrusito: 09/03/17 05:20:36PM
i have my modal like this below and it opens in the center for me.
There could be another better way... but below works for me
i wrap it in a
div class = "container"
div class = "col2"
div class =" block" /div
/div
div class = "col8"
*** your info****
/div
div class = "col2"
div class = "block" /div
/div
/div
updated by @boplive: 05/30/17 11:32:37AM
There could be another better way... but below works for me
i wrap it in a
div class = "container"
div class = "col2"
div class =" block" /div
/div
div class = "col8"
*** your info****
/div
div class = "col2"
div class = "block" /div
/div
/div
updated by @boplive: 05/30/17 11:32:37AM
Its centered for me on Elastic2. Try a different skin, see if it changes.
updated by @michael: 05/30/17 07:11:17PM
updated by @michael: 05/30/17 07:11:17PM
I have it working on the videopro,audiopro,iskin
You can also see if info from below link maY work
https://www.jamroom.net/the-jamroom-network/forum/using-jamroom/13248/simple-modal-css
updated by @boplive: 05/31/17 10:43:13AM
You can also see if info from below link maY work
https://www.jamroom.net/the-jamroom-network/forum/using-jamroom/13248/simple-modal-css
updated by @boplive: 05/31/17 10:43:13AM
If the info from that link doesn't work...
The modal is positioned relative to the button using javascript.
It would be easiest to move your button to the right.
If you can't do that you could try changing the function jrPlaylist_position in /modules/jrPlaylist/js/jrPlaylist.js
--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
The modal is positioned relative to the button using javascript.
It would be easiest to move your button to the right.
If you can't do that you could try changing the function jrPlaylist_position in /modules/jrPlaylist/js/jrPlaylist.js
/**
* position the playlist on the page via javascript so it doesnt get hidden
* by the overflow hidden on the .row class.
*/
function jrPlaylist_position(module, item_id){
var bid = $('#playlist_button_' + module + '_' + item_id);
var bpr = $(window).width() - bid.offset().left;
var bpt = bid.offset().top;
$('#playlist_' + module + '_' + item_id).appendTo('body').css({'position': 'absolute', 'right': (bpr - 35) + 'px', 'top': (bpt + 35) + 'px'});
}--
¯\_(ツ)_/¯ Education, learning resources, TEL, AR/VR/MR, CC licensed content, panoramas, interactive narrative, sectional modules (like jrDocs), lunch at Uni of Bristol. Get in touch if you share my current interests or can suggest better :)
Thanks both of you, I will try it !!
