Expand my Community achievements bar.

July 31st AEM Gems Webinar: Elevate your AEM development to master the integration of private GitHub repositories within AEM Cloud Manager.
SOLVED

AEM Site Tutorial Results In Blank Page

Avatar

Level 2

When following the AEM website construction tutorial, after setting up the template, components, markup, and creating a page from it all, the page itself continually comes up blank in the editor. This is the second attempt at this tutorial as the first attempt ended the same.

The article in question: https://helpx.adobe.com/experience-manager/using/first_aem63_website.html

Results on my end:

2017-09-28 15_56_27-aemdev.2k.amsurg.com - Remote Desktop Connection.png

1 Accepted Solution

Avatar

Correct answer by
Level 2

He said it was an error in the naming convention of my component HTML files. He said that my "contentpage" component should have had a "contentpage.html" file and instead I had a "body.html".

View solution in original post

15 Replies

Avatar

Level 10

You are missing something here. This has been tested numerous times.

See this article too. It has the complete site on it :

Creating a Login Component for the Experience Manager Toy Store

In addition - you can watch the video here that shows you step by step.

Scott's Digital Community: Creating your First Adobe Experience Manager 6.3 website

Avatar

Level 10

What AEM version are you using - 6.3?

Avatar

Level 10

Just tested this and result was:

ATOY.png

Can you create a package of your content and put on a Google drive. We can look at this and try and spot the difference.

Avatar

Level 4

There is also a Toy Store package on this article that talks about using JQuery to build a custom Carousel component -- Adobe Experience Manager Help | Adding a Custom Carousel Component to the Experience Manager Toy Sit...

Avatar

Level 10

Hi,

I got your query. When you create the page component you need to include the Resource super type as wcm/foundation/components/page which is pointing to Page component otherwise you will see balnk.

Hope this helps!

~Ratna.

Avatar

Level 2

Thanks for all of the help, a team member of mine discovered my error and has fixed it. The issue is closed, thank you for your responses.

Avatar

Level 10

What was the error - may help ppl in the future?

Avatar

Correct answer by
Level 2

He said it was an error in the naming convention of my component HTML files. He said that my "contentpage" component should have had a "contentpage.html" file and instead I had a "body.html".

Avatar

Level 1

Thanks kinmanc39931204. I faced the same problem. Renaming 'body.html' to 'contentpage.html', fixed the issue.

smacdonald2008​, is the tutorial step wrong? or did we miss something?

Avatar

Level 1

This fixed it for me too.  I'm using the 6.3 QuickStart

Avatar

Administrator

Let me work with smacdonald2008​ to get this fixed.

~kautuk



Kautuk Sahni

Avatar

Level 10

I am going through article again (we have tested many times).

You have to perform each step specified in the article. When you create a new page based on a super type - make sure you follow instructionsHomePage.png -- such as:

Avatar

Level 1

Thanks Scott, but I was getting the blank page after I did the 'Create a Root Page based on the Summit Toys Base Content Page template' step. After creating the Root Page and opening it for editing the render page was blank.  As suggested by someone in the post, I renamed the body.html to contentpage.html, created the Root page again and this time it rendered the page.

I hadn't even gotten to creating the Homepage component step yet.  I will start over from scratch again, because even after getting the page to render the 'Why is my Supertype messed up' header wasn't displaying nor was the CSS styling package applied either.

Avatar

Level 1

Scott, I believe there some steps missing from the instructions when you first create the 'contentpage' component.  I would think there should be similar steps that you've highlighted when you create the 'homepage' component (rename homepage.jsp to content.html).

After you create the 'contentpage' component a 'contentpage.jsp' file is auto generated, then after adding the additional HTML files, my final file structure looks like this.  The screen in the article does not show the 'contentpage.jsp' in the directory structure.

AEM1.PNG 

What should I do at this point? Rename the contentpage.jsp to content.html? Copy the contents of 'contentpage.jsp' to 'content.html' I created?  Just delete it?  I'll keep experimenting with a various combinations, but no luck so far.

Avatar

Level 10

Send me an email - scottm@adobe.com. Lets setup a connect session - I just did this again yesterday and it worked.