Highlighted

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

Avatar

Avatar

j2rojasr

Avatar

j2rojasr

j2rojasr

29-03-2019

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!

Replies

Highlighted

Avatar

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831

Avatar

Arun_Patidar

MVP

Total Posts

2.9K

Likes

1.0K

Correct Answer

831
Arun_Patidar
MVP

30-03-2019

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

Highlighted

Avatar

Avatar

j2rojasr

Avatar

j2rojasr

j2rojasr

01-04-2019

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

Highlighted

Avatar

Avatar

j2rojasr

Avatar

j2rojasr

j2rojasr

01-04-2019

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.

Highlighted

Avatar

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K

Avatar

smacdonald2008

Total Posts

12.7K

Likes

1.4K

Correct Answer

2.3K
smacdonald2008

01-04-2019

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?

Highlighted

Avatar

Avatar

j2rojasr

Avatar

j2rojasr

j2rojasr

01-04-2019

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.

Highlighted

Avatar

Avatar

j2rojasr

Avatar

j2rojasr

j2rojasr

01-04-2019

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.