Hi all, how are you?
I don't know if the SEBLOD team can make this default, it's been a few months and updates that I have a list with tasks which I perform after each SEBLOD update, here it is:
1.(This is to make my images responsive) ADD:
//Make ColorBox responsive
jQuery.colorbox.settings.maxWidth = '95%';
jQuery.colorbox.settings.maxHeight = '95%';
// ColorBox resize function
var resizeTimer;
function resizeColorBox()
{
if (resizeTimer) clearTimeout(resizeTimer);
resizeTimer = setTimeout(function() {
if (jQuery('#cboxOverlay').is(':visible')) {
jQuery.colorbox.load(true);
}
}, 300);
}
// Resize ColorBox when resizing window or changing mobile device orientation
jQuery(window).resize(resizeColorBox);
window.addEventListener("orientationchange", resizeColorBox, false);
In the following file: "media/cck/scripts/jquery-colorbox/js/jquery.colorbox-min.js" after the content of it, on a new row!!!
2. (This is to make my image and link editing window in the backend of SEBLOD bigger so it can show all the options like e.g: New field -> Description -> Link -> *Insert; Help; Cancel* (the last stared options are not visible to me unless I don't make this change) ):
ADD:
#cboxWrapper {
height: 100% !important;
}
#cboxLoadedContent {
height:815px !important;
overflow: visible !important;
}
#cboxLoadedContent iframe {
position: absolute;
top: 0;
}
In the file: "media/cck/scripts/jquery-colorbox/css/colorbox.css".