01-04-2025, 06:48 PM
Create a button called CLOSE
Add to core.css
<!--custom -->
.opm-panel {position:absolute;left:-9000px;top:-9000px;overflow:hidden;visibility:hidden;width:100%;}
.opm-panel-wrapper {position:relative;overflow:hidden;}
.opm-panel-layout {position: relative;width: 100%;height: auto;}
and then on the page, depending on which panel will be the close, this is inline
this must be specific to the panels
example (to have panel 7 closed)
<style type="text/css">
#p7OPMpn_1_7,
#p7OPMpn_1_7 *
{
padding: 0;
}
#p7OPMpn_1_7 .opm-panel-content {
height: 0px;
}
</style>
Add to core.css
<!--custom -->
.opm-panel {position:absolute;left:-9000px;top:-9000px;overflow:hidden;visibility:hidden;width:100%;}
.opm-panel-wrapper {position:relative;overflow:hidden;}
.opm-panel-layout {position: relative;width: 100%;height: auto;}
and then on the page, depending on which panel will be the close, this is inline
this must be specific to the panels
example (to have panel 7 closed)
<style type="text/css">
#p7OPMpn_1_7,
#p7OPMpn_1_7 *
{
padding: 0;
}
#p7OPMpn_1_7 .opm-panel-content {
height: 0px;
}
</style>