Adobe Experience Manager Sites & More

j2rojasr · 3/29/19

Hello,

What I'm trying to do is create an option on the AEM administrator page that allows a user to configure a list of endpoints.

So far, I have managed to show the option that the user will see, but every time I try to show content or HTML what happens is that the file is downloaded.

This is the screen where the user can see the option 'Endpoints configuration':

Link: https://i.imgur.com/Wsb5Hsg.png

I understand that once you click on the "component" (?) the <H1> should be displayed.

Link: https://i.imgur.com/CvlZ8mg.png

This is the file path to where the "component" (?) is pointing.

Link: https://i.imgur.com/TROS9ja.png

This is what happens when I try to go to the page:

Link: https://i.imgur.com/i6WRX9W.png

I would appreciate if you help me with this problem. I am new to AEM and there are some concepts that I do not understand yet.

Greetings from Peru!

arunpatidar · 3/30/19

Hi Peru,

1. Go to config manger http://localhost:4502/system/console/configMgr

2. Search for Apache Sling Content Disposition filter

3. Add href html path( /apps/admin-pages/.../content.html) in Content Disposition Excluded Paths

Arun Patidar

j2rojasr · 4/1/19

Hello @Arun Patidar, thank you very much for your response.

Yes, it worked, but another problem presented itself.

It was possible to visualize the file, but without the header and footer of the AEM administrator page?

This is what I did:

Link: https://i.imgur.com/DzGljX1.png

And I modified the path:

Link: https://i.imgur.com/IPk6peU.png

This is how it is currently displayed:

Link: https://i.imgur.com/HvCXal3.png

j2rojasr · 4/1/19

For the moment, what I have achieved has been to "paint" content while maintaining the header and footer of the AEM administration page, but the problem is that it is using "XML". There is some tag that allows me to make a call to an .html file.

This is what I did.

Modified the tag attribute of the "Endpoints configuration" option:

Link: https://i.imgur.com/kjIRTsx.png

And then I created a file ".content.xml".

Link: https://i.imgur.com/DELzxrH.png

Link: https://i.imgur.com/8EMOh0A.png

Greetings.

smacdonald2008 · 4/1/19

Are you following an Adobe document to perform this use case - if so - can you please provide the URL so the community can try and reproduce your issue?

j2rojasr · 4/1/19

Hi smacdonald2008,

I am inspiring my little project in this project of @auniverseaway in Github:

Link: https://github.com/auniverseaway/aem-touch-admin-console

Llink: https://experiencemanaged.com/posts/how-to-create-an-aem-62-admin-console-for-touch-ui.html

My project is to make a CRUD on a personalized page on the AEM administration page.

The steps to achieve it are:

1. That the user can view the option "Configuration of endpoints" in "Navigation" and "Tools", or even in a group with a personalized name. All this I already achieved.

Link: https://i.imgur.com/j8G8tH8.png

Link: https://i.imgur.com/G0dmihx.png

Link: https://i.imgur.com/ZxNAykO.png

2. When clicking on the "Endpoints configuration" option, a page should be displayed. This is the subject of this question.

3. I will work in the CRUD. Etc.

j2rojasr · 4/1/19

Disclaimer: The images from the previous comment (01-abr-2019 8:52) are no longer available. I would appreciate any moderator deleting the comment. I can't delete it.

For the moment, what I have achieved has been to "paint" content while maintaining the header and footer of the AEM administration page, but the problem is that it is using "XML". There is some tag that allows me to make a call to an .html file?

Something similar to:

<myHtml

callTemplate="/path/to/my/htmlFile">

</myHtml>

I do not know if this is the right way or maybe AEM suggests you do it in another way.

This is what I did:

Modified the tag attribute of the "Endpoints configuration" option:

Link: https://i.imgur.com/QzY4box.png