+- WA Forums (https://webassist-pro.com/WAforum)
+-- Forum: Introduction (https://webassist-pro.com/WAforum/forumdisplay.php?fid=1)
+--- Forum: Project Seven (https://webassist-pro.com/WAforum/forumdisplay.php?fid=10)
+--- Thread: Set Height of Slide Out Panel (SOP) (/showthread.php?tid=22)
Set Height of Slide Out Panel (SOP) - I-CRE8 - 01-02-2025
The default height of the SOP panel is 100% of the browser window. You can over-ride this by setting a different height that is less than 100%. Add this style rule to the SOP style sheet. It uses the SOP id so that it over-rides the default width:
#p7SOP_1 { height: 70%; }
The height of the SOP will now be 70% of the browser window.
You can also add a top position to this rule if you want the (now shortend) SOP to be centered vertically. Just set the top position to 15% (one half of 30%) so the rule now looks like this:
#p7SOP_1 { height: 70%; top: 15%; }
Note that you cannot, and should not, set the height greater than the height of the browser window. This will prevent full access to all of the overflowed content.