When I load my generated Webhelp content into an iframe, the page header closes just after the page is loaded. Any thoughts on why that happens?
iframe_test.html
<iframe src="./index.html" style="height:100%; width:100%;" />
When I load iframe_test.html, the page header slides away.
Hide Page Header automatically invoked
Moderators: Alexander Halser, Tim Green
- Tim Green
- Site Admin
- Posts: 23181
- Joined: Mon Jun 24, 2002 9:11 am
- Location: Bruehl, Germany
- Contact:
Re: Hide Page Header automatically invoked
Hi Ron,
This is because you're using a V3 or V4 skin that automatically detects when it is being embedded and closes the header to make sure that users have enough space to see. It folds up with an animation so that the user sees it, so that they know that there is a header there that they can view if they want to. There isn't currently an option to disable this behavior, but I'm going to put it on the ToDo list. Even so, I would strongly recommend leaving it as it is: You have no way of knowing how big the user's monitor and browser window are going to be (think 12" laptops like the Microsoft Surface series), and if the header doesn't do the visible close on opening the user won't know that they can open and close it and will be stuck with a very small usable area.
This is because you're using a V3 or V4 skin that automatically detects when it is being embedded and closes the header to make sure that users have enough space to see. It folds up with an animation so that the user sees it, so that they know that there is a header there that they can view if they want to. There isn't currently an option to disable this behavior, but I'm going to put it on the ToDo list. Even so, I would strongly recommend leaving it as it is: You have no way of knowing how big the user's monitor and browser window are going to be (think 12" laptops like the Microsoft Surface series), and if the header doesn't do the visible close on opening the user won't know that they can open and close it and will be stuck with a very small usable area.
Regards,
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
- Tim Green
- Site Admin
- Posts: 23181
- Joined: Mon Jun 24, 2002 9:11 am
- Location: Bruehl, Germany
- Contact:
Re: Hide Page Header automatically invoked
Hi Ron,
If you want to disable it yourself you can. Edit the hm_webhelp.js file in the baggage and locate these lines of code:
Comment out the three lines after if (hmDevice.embedded && hmDevice.desktop) {, like this (/* marks the beginning of the comment, */ the end of it):
Again, you can do this, but I really don't recommend it. Especially not if you are using the embedded help features.
If you want to disable it yourself you can. Edit the hm_webhelp.js file in the baggage and locate these lines of code:
Code: Select all
// Init for embedded WebHelp
function embedInit() {
if (hmDevice.embedded && hmDevice.desktop) {
if (hmpage.$headerbox.is(":visible"))
hmWebHelp.pageDimensions.pageHeaderUpDown(true);
$("p#ptopic_breadcrumbs").hide();
}
Code: Select all
// Init for embedded WebHelp
function embedInit() {
if (hmDevice.embedded && hmDevice.desktop) {
/*if (hmpage.$headerbox.is(":visible"))
hmWebHelp.pageDimensions.pageHeaderUpDown(true);
$("p#ptopic_breadcrumbs").hide();*/
}
Regards,
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Re: Hide Page Header automatically invoked
Thanks Tim! The 'iframe' we're loading the help in is 99% help content. So it doesn't take away much from the view. I'll pass along the code you provided to the dev team to consider.
Re: Hide Page Header automatically invoked
Now I'm just noticing some extra space at the bottom. Is there a way to have H&M just fill the entire iframe it's in?
<iframe height="100%" width="100%" class="embed-responsive-item" src="./index.html"></iframe>
<iframe height="100%" width="100%" class="embed-responsive-item" src="./index.html"></iframe>
- Tim Green
- Site Admin
- Posts: 23181
- Joined: Mon Jun 24, 2002 9:11 am
- Location: Bruehl, Germany
- Contact:
Re: Hide Page Header automatically invoked
Hi Ron,
You need to put the iFrame inside a DIV with an absolute or relative position. Apart from that, if you choose a skin that has a border or space at the bottom then that will be included. If you're using a V3 skin then choose one of the Minimalist skins. If you're using V4 then choose Modern Flexible or Modern Standard.
You need to put the iFrame inside a DIV with an absolute or relative position. Apart from that, if you choose a skin that has a border or space at the bottom then that will be included. If you're using a V3 skin then choose one of the Minimalist skins. If you're using V4 then choose Modern Flexible or Modern Standard.
Regards,
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Tim (EC Software Documentation & User Support)
Private support:
Please do not email or PM me with private support requests -- post to the forum directly.
Re: Hide Page Header automatically invoked
Thanks. I'll share that with the web team. I'm using a V4 skin that renders and fills perfectly in it's native view from the generated code.