You are here: Forum Home / RapidWeaver User Forum / Stacks Chat / Thread
ExtraContent loading glitch
Iâ??m using the ExtraContent stack in Elixirâ??s Lime theme on my siteâ??s homepage as a way to post updates below the header and above the content area. But for some reason the ExtraContent area initially loads incorrectly in the browser window, and then jumps up to its correct position after a few seconds. Itâ??s a minor annoyance, but it makes the page seem a bit herky-jerky and unfinished. Any ideas on why this is happening, and how I might fix it?
Hereâ??s the page:
Iâ??m using the ExtraContent stack in Elixirâ??s Lime theme on my siteâ??s homepage as a way to post updates below the header and above the content area. But for some reason the ExtraContent area initially loads incorrectly in the browser window, and then jumps up to its correct position after a few seconds. Itâ??s a minor annoyance, but it makes the page seem a bit herky-jerky and unfinished. Any ideas on why this is happening, and how I might fix it?
Hereâ??s the page:
The jump occurs as it takes time for the ExtraContent javascript to move the content from where you’ve placed it to the ExtraContent area. It is a down side to not having ExtraContent like areas built-in to the RapidWeaver system.
Unless I’m missing something that was left out of the “getting started with using EC in your themes.”
Update: Spoke with SeyDoggy. He said he’s recently started using the CSS he provided you above to solve this problem. Should fix it in your case as well. I’ll add it to themes going forward as well.
Elixir - RapidWeaver themes and more
Many thanks for the fix. It works. Thereâ??s still a slight two-step hitch when loading â?? the ExtraContent area first appears empty, and then the content displays correctly â?? but itâ??s only very, very slightly suboptimal, instead of jarring the way it was before, when the content was loading in the wrong place.
Lest I appear to be incurably picky, Iâ??d like to heap a big dose of praise and gratitude on these two developers who responded so quickly and affirmatively to my first request for help on this forum. As someone who made a commitment to Rapidweaver with some trepidation and doubt, one of the key factors in my decision was the widely stated claim that the Rapidweaver community is an incredibly supportive and positive place. It is.
To the two Adams â?? thanks, mates!
Thereâ??s still a slight two-step hitch when loading â?? the ExtraContent area first appears empty, and then the content displays correctly â?? but itâ??s only very, very slightly suboptimal, instead of jarring the way it was before, when the content was loading in the wrong place.
That will never be cured unfortunately. It’s javascript and as such will only render after the rest of the page has loaded.
Will those same lines of CSS work for the Playmore theme? I have the same issue on my blog page with EC areas, but not on my home page (blog page is set up to pull photos from server via an html stack, homepage pulls from photo stacks)
example here: http://www.hellomeetworld.com/jenneilsblog/
homepage: http://www.hellomeetworld.com/
I canâ??t speak to the Playmore theme, but my impression from the earlier posts is that the fix will work the same across different themes.
Sadly, I spoke too soon about the fix solving my problem. It worked great in Rapidweaverâ??s Preview window, but the ExtraContent text still loaded incorrectly in the web browser.
I decided at this point that the downsides of an initial bad impression outweigh the benefits of putting ExtraContent above the main content area, so I moved the ExtraContent stack to area 3, in the footer. Even if it loads ugly down there, it will have formatted itself correctly by the time a visitor scrolls down.
Will those same lines of CSS work for the Playmore theme? I have the same issue on my blog page with EC areas, but not on my home page (blog page is set up to pull photos from server via an html stack, homepage pulls from photo stacks)
example here: http://www.hellomeetworld.com/jenneilsblog/
homepage: http://www.hellomeetworld.com/
For something that works across all themes that aren’t set up like this by default (excluding our own Havnit, Flavorite and Creamux themes which do this already) you could use something like this:
#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4,
#myExtraContent5,
#myExtraContent6{
display:none;
}
#extraContainer #myExtraContent1,
#extraContainer #myExtraContent2,
#extraContainer #myExtraContent3,
#extraContainer #myExtraContent4,
#extraContainer #myExtraContent5,
#extraContainer #myExtraContent6{
display:block;
}
Will those same lines of CSS work for the Playmore theme? I have the same issue on my blog page with EC areas, but not on my home page (blog page is set up to pull photos from server via an html stack, homepage pulls from photo stacks)
example here: http://www.hellomeetworld.com/jenneilsblog/
homepage: http://www.hellomeetworld.com/For something that works across all themes that aren’t set up like this by default (excluding our own Havnit, Flavorite and Creamux themes which do this already) you could use something like this:
#myExtraContent1,
#myExtraContent2,
#myExtraContent3,
#myExtraContent4,
#myExtraContent5,
#myExtraContent6{
display:none;
}
#extraContainer #myExtraContent1,
#extraContainer #myExtraContent2,
#extraContainer #myExtraContent3,
#extraContainer #myExtraContent4,
#extraContainer #myExtraContent5,
#extraContainer #myExtraContent6{
display:block;
}
Thanks SeyDoggy
I will give this a try.
I canâ??t speak to the Playmore theme, but my impression from the earlier posts is that the fix will work the same across different themes.
Sadly, I spoke too soon about the fix solving my problem. It worked great in Rapidweaverâ??s Preview window, but the ExtraContent text still loaded incorrectly in the web browser.
I decided at this point that the downsides of an initial bad impression outweigh the benefits of putting ExtraContent above the main content area, so I moved the ExtraContent stack to area 3, in the footer. Even if it loads ugly down there, it will have formatted itself correctly by the time a visitor scrolls down.
I tried it too and there was no change. So, I am just going to have to deal with it.
I canâ??t speak to the Playmore theme, but my impression from the earlier posts is that the fix will work the same across different themes.
Sadly, I spoke too soon about the fix solving my problem. It worked great in Rapidweaverâ??s Preview window, but the ExtraContent text still loaded incorrectly in the web browser.
I decided at this point that the downsides of an initial bad impression outweigh the benefits of putting ExtraContent above the main content area, so I moved the ExtraContent stack to area 3, in the footer. Even if it loads ugly down there, it will have formatted itself correctly by the time a visitor scrolls down.
You have to keep in mind that the lighter the content on the page the faster anything will load… all things. So if, for instance, you fill a page full of Flash videos and heavy pictures, this lag will be more pronounced. On the other hand, if your page is light in content, i.e. properly optimized images, fast scripts (or no scripts at all), etc… then everything will be faster, including when the ExtraContent is loaded. It loads only once the rest of the page is loaded. If the page is slow to load, so too is the ExtraContent.