How to display content on the administrator's page (AEM console) using a custom item?
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!
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
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
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.
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.
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.
