Page as overlay

[abdfahim]

Though I am using EDGE in my site, I am not sure if it's more of XF related question, rather than PE related, or not. However, I just want to try my luck here, if anyone can help. The original query was posted here. Feel free to lock/delete this thread if deemed inappropriate here.

Basically, I want to show a page (custom page or help page) as an overlay. Let say my page is like below:

<div class="formOverlay">
<h3 class="subHeading">Some description line</h3>
Line 1<br />
Line 2<br />
Line 3<br />
</div>

And, I am trying to open an overlay with this

<a href="pages/my-custom-page" class="OverlayTrigger">test</a>

I end up an overlay like this, but I want to get rid of the title ("My Page Title") and the cross button. Is that possible?

 

[Russ]

There may be an easier way... but you can make a slight change to the pagenode_container template.

Change:

<div id="pageNodeContent">

To:

<div id="pageNodeContent" class="{xen:helper nodeClasses, $nodeBreadCrumbs, $page}">

This will allow you to use CSS on specific page overlays:

CSS could be:

.xenOverlay .node14 .heading { display: none; }

would hide the heading just in the overlay form of that page. Hope that makes sense.

 

[abdfahim]

Hmm, I now get that. I need to add that same class in the overlayCloser as well to remove that cross button.