Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

Leela-Pavan-Kumar
Leela-Pavan-Kumar
Online

Badges

Badges
10

Accepted Solutions

Accepted Solutions
3

Likes

Likes
9

Posts

Posts
11

Discussions

Discussions
2

Questions

Questions
9

Ideas

Ideas
0

Blog Posts

Blog Posts
0
Top badges earned by Leela-Pavan-Kumar
Customize the badges you want to showcase on your profile
Re: Validate page properties on save in 6.5
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
Hi @lukaszm , Fields in Page Properties: Rights : (Radio Group, Mandatory) - Public (Radio Button) - Private (Radio Button) ID : (Text Field)We have a radio group where in public and private options are there and this is mandatory & Text field which is not mandatory If an author selectsPublic - ID (Text Field) is optionalPrivate - ID(Text Field) is mandatory Finally , This ID(Text Field) needs to be dynamically mark as required if it is private. Can we do this in AEM 6.5?

Views

59

Like

1

Replies

1
Validate page properties on save in 6.5
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
Hi, I want to validate page properties after saving a page and based on the validations need to show an Error or allow to save that page. I tried with below JS wherein it failing when ever a required field in page properties is filled and trying to save the page it is saving even it is not a valid case.$(document).on("foundation-contentloaded", function(e) { $("#id1, #id2").on("click", function() { validate(); }); $(".foundation-fixedanchor .coral3-Button--primary").on("click", function() { vali...

Views

70

Likes

0

Replies

3
Re: Clear values in fields on Switch Dropdown Values
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
Hi @vishgup07 , Handling At Dialog :If you want to clear the values from the dialog based on selection, Clear the entered data in the input fields by writing a JS file based on the selection. Use the below syntax and clear the values based on selection of dropdown$('#id').val(''); Handling At Backend :If you want to not to pass the values in the model.json please nullify the values based on the selection in the dropdown once after you injected them in backend.

Views

22

Like

1

Replies

0
AEM SPA React - Error Page Creation
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
How to create an error page in AEM React SPA as like WKND SITE ERROR PAGE I tried with A Community Blog but still unable to create the error page in React SPA I need to show an error page without changing the URL just like WKND SITE ERROR PAGE when resource not found. Please suggest me a solution to handle this issue.

Views

31

Likes

0

Replies

0
Re: Show hide with drop down
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
Hi @Ronnie09 , Try this, function showHide() { let defaultt = $(".default").prop("selected"); let red = $(".red").prop("selected"); let green = $(".green").prop("selected"); if (defaultt) { $(".text").removeAttribute("hidden"); $(".checkbox").removeAttribute("hidden"); } else { $(".text").setAttribute("hidden", true); $(".checkbox").setAttribute("hidden", true); } if (red || green) { $(".newdropdown").removeAttribute("hidden"); } else { $(".newdropdown").setAttribute("hidden", true); } }

Views

29

Like

1

Replies

0
Re: Create one show hide for tab
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
Try this @Ronnie09 , content.xml JS file :(function($, $document) { "use strict"; $(document).on("foundation-contentloaded", function(e) { $("#tabtest").each(function() { showHide(); }); }); $document.on("change", ".textType", function(e) { showHide(); }); function showHide() { var list = $("#tabtest").find("coral-tab"); let contained = $(".contained").prop("selected"); let defaultt = $(".default").prop("selected") if (contained) { list[1].removeAttribu...

Views

41

Likes

3

Replies

0
Re: Create one show hide for tab
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
Hi @Ronnie09 , Try with below code snippet JS File : (function($, $document) { "use strict"; $(document).on("foundation-contentloaded", function(e) { $("#tabhideandshow").each(function() { showHide(); }); }); $document.on("change", ".textType", function(e) { showHide(); }); function showHide() { var list = $("#tabhideandshow").find("coral-tab"); let contained = $(".contained").prop("selected"); if (contained) { list[1].removeAttribute("hidden"); } else { list[1].setAttribute("hidden", true) } } ...

Views

52

Like

1

Replies

2
Re: Component rendering twice in Publish Mode [SPA/REACT]
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
Hi @milind_bachani , Thanks for the response, We are not using React.StrictMode in our index.js. Could you please let me know how can I snub the calls from en.model.json.

Views

42

Like

1

Replies

1
Component rendering twice in Publish Mode [SPA/REACT]
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
AEM React Spa components are rendering twice in publish Mode. In Author Mode: In Publish Mode:Why the content is rendering twice and How to fix this issue?

Views

58

Likes

0

Replies

3
Custom Tabs Component in AEM React SPA
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
I am able to render the OOTB Tabs Component in AEM React SPA with following code in ui.frontend file.import {MapTo} from '@adobe/aem-react-editable-components';import {TabsV1, TabsV1IsEmptyFn} from '@adobe/aem-core-components-react-spa';MapTo('/components/tabs')(TabsV1, {isEmpty: TabsV1IsEmptyFn}); But Not able to render with proxy component which has following codeimport {MapTo} from '@adobe/aem-react-editable-components';import {TabsV1, TabsV1IsEmptyFn} from '@adobe/aem-core-components-react-s...

Views

47

Likes

0

Replies

0
Re: How to import the templates from /conf into IntelliJ or VSCode?
Avatar
Affirm 3
Level 2
Leela-Pavan-Kumar
Level 2

Likes

9 likes

Total Posts

11 posts

Correct reply

3 solutions
Top badges earned
Affirm 3
Ignite 3
Give Back 5
Boost 5
Affirm 1
View profile
Leela-Pavan-Kumar
- Adobe Experience Manager
Hi, Install "AEM Sync" from Extensions in Marketplace then you will able to see those "Sync file from AEM" and "Sync file to AEM" options as mentioned by @Rajashankar. Check this for more info : AEM Development with Visual Studio Code Hope this helps!

Views

72

Like

1

Replies

0
Likes given to