Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

How to display content on the administrator's page (AEM console) using a custom item?

Avatar

Level 2

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!

6 Replies

Avatar

Community Advisor

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

Screenshot 2019-03-30 at 3.49.42 PM.png



Arun Patidar

Avatar

Level 2

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

Avatar

Level 2

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.

Avatar

Level 10

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?

Avatar

Level 2

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.

Avatar

Level 2

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

 

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

Link: https://i.imgur.com/7wmMWXt.png

 

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

 

Greetings.