Level 2

Add custom action dropdown beside Edit and preview buttons in aem page.

Forum|Forum|6 years ago
March 6, 2020
2 replies
3366 views

Hi EveryOne,

I want to add a custom action dropdown ViewAs like edit in aem page , when the author clicked on ViewAs dropdown will open and that dropdown showing group names like groupone and grouptwo and groupthree upto groupfive, if author select the groupone in viewas dropdown and browser url is

<hostname>:portnumber/content/myproject/test02.html?groupName=groupone

Ex : localhost:4502/content/myproject/test02.html?groupName=groupone

Please let us know any pointers .Urgent requirement.

@arunpatidar @smacdonald2008 @7744724 @joel_triemstra @joel_triemstra1

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

arunpatidar

Community Advisor

Hi,

That popover is created using javascript.

Your idea is achievable but I am not able to guide you because of unclear requirement.

The group part is not clear, what do you mean by selecting groups from dropdown, where this groups comes from?

Anyways, there is a implementation I did to open page as preview, please check

https://aemlab.blogspot.com/2019/07/aem-add-view-button-to-view-pages.html

Arun Patidar

BrianKasingli

Community Advisor and Adobe Champion

Instead of tinkering with the AEM platform, you can as a test, try tinkering with the basePage template. Within your basePage template, you can add HTML and CSS like so:

<sly data-sly-test="${wcmmode.edit}">
 <style text="text/css">
   .extra-author-buttons { position: absolute; top: 50px; left; 50px; background-color: red; }
 </script>
 <div class="extra-author-buttons">
   <a href="${currentPage.path + '?groupName=groupone'">View Group One</a>
   <a href="${currentPage.path + '?groupName=grouptwo'">View Group Two</a>
 </div>
</sly>

Hope this helps.

Sign up

Login with SSO

Login to the community

Login with SSO

Scanning file for viruses.

This file cannot be downloaded