The Grid Format plugin download page has 2 screenshots with the lightbox aligned to center and another aligned to top.
The default seems to be center alignment but how can I align it to the top of the screen such as the second picture?
Grid Format Light-box Align to Top
Number of replies: 3Re: Grid Format Light-box Align to Top
Ok, still need:
- Course format version
- Moodle version
- Theme you are using (and version)
First image is not centre aligned but in fact aligned to a different element of the Shoehorn theme as against the second picture in the Shoelace theme.
Re: Grid Format Light-box Align to Top
Hi Gareth,
I didn't know this was dependent on the theme. There is this Fordson Moodle site that I am trying to recreate the look and feel of. I got it almost there expect for the top of light box pop-up is aligned higher than mine. Mine starts somewhere in the middle of the view which leaves a lot of wasted space at the top.
Grid Format 3.5.0.6 (Build: 2018052306)
Moodle 3.5.2+ (Build: 20180920)
Moodle 3.5 Fordson v3.5 release 3 update 16 (Build: 2018111600)
I didn't know this was dependent on the theme. There is this Fordson Moodle site that I am trying to recreate the look and feel of. I got it almost there expect for the top of light box pop-up is aligned higher than mine. Mine starts somewhere in the middle of the view which leaves a lot of wasted space at the top.
Grid Format 3.5.0.6 (Build: 2018052306)
Moodle 3.5.2+ (Build: 20180920)
Moodle 3.5 Fordson v3.5 release 3 update 16 (Build: 2018111600)
Re: Grid Format Light-box Align to Top
Without looking I don't know the workings of Fordson much at the moment, so have a play with finding a suitable element for the 'pageelement' in the code in module.js:
var top = 50;
var pageelement = M.format_grid.ourYUI.one('#page-content'); // All themes.
if (!pageelement) {
pageelement = M.format_grid.ourYUI.one('#region-main'); // Fallback.
}
if (pageelement) {
var pageelementDOM = pageelement.getDOMNode();
top = pageelementDOM.offsetTop + pageelementDOM.clientTop;
if (top === 0) {
// Use the parent. This can happen with the Boost theme where region-main is floated.
top = pageelementDOM.offsetParent.offsetTop + pageelementDOM.offsetParent.clientTop;
}
top = top + 15;
}
or adjust it to suit.