AEM Tutorial #13 | Multifield Dialog | Multifield Dialog with Sling Model in AEM

[@anatoli3866]

Dont know why, but it start working only when i change @Inject to @SlingObject for componentResource.

[@AEMGeeks]

Yes, this is strange. Are you using demo code provided in my git repo. If not, than I have to see code before any comment on root cause for this.

[@anatoli3866]

@@AEMGeeks I write code myself but it is identical to yours. Maybe i made mistake somewhere.

[@AEMGeeks]

@@anatoli3866 you can take complete demo code from git. just get code, build at your local and install it to your AEM instance. Or you can compare your code if needed. get repo : github.com/aemgeeks1212/aemgeeks

[@supriyaaddepalli8747]

same happens with me ......

[@felipeteixeirasoares3543]

man you´re a genius, tanks for that

[@alokt40]

This video saved my day. Thank you

[@AEMGeeks]

Thank you!, Keep learning

[@tejasbhalerao5336]

Hello Sir, Could you please confirm that the property 'composite' can be used only with the touch ui dialog and not with classic UI? since I was not getting nodes created in the classic UI dialog when the property was being used for multifield, and I read somewhere that the composite property only works with touchUI.

[@AEMGeeks]

This tutorial is only for touch ui. All information related to Touch UI

[@simranjeetsingh2932]

What is the use of componentResource injected/mentioned at 8:53 for multifield with single field defined?

[@AEMGeeks]

This used as variable for component resource. This used for other use cases explain in tutorial. This not used for single field because I did not use composite(true) for this use case. Let's imagine, if you use composite(true) for this case also, How will you get those values.

[@saurabhsingh1255]

Thank you for sharing your knowledge. we can get you beers if you want.

[@AEMGeeks]

I am glad you think so, cheers!

[@golamrosul1156]

@Inject annotaion is not working in my environment(6.5.5). @SlingObject works instead of it. Can you explain why?

[@AEMGeeks]

Can you explain scenario, where @Inject not working ?

[@novella3102]

Hi can you explain what property u have given for tabs,multifieldwithmap,well since iam beginner I can't follow component creation

[@AEMGeeks]

You can take demo project code. Build at your local and install to local AEM. You will see running project in your AEM for learning. github.com/aemgeeks1212/aemgeeks

[@kits5960]

I am currently refering your tut and trying to print items in list...even though I have everything right still the items aren't printing, what could be wrong?

[@AEMGeeks]

Can you please check logs. It is difficult to predict issue with seeing logs. Are you taking code from git repo. github.com/aemgeeks1212/aemgeeks

[@sayedsalih1808]

I used @Inject for injecting the Resource, it was not working , I had to use @ResourcePath annotation with path of the resource to be injected. Any idea why?

[@AEMGeeks]

Ideally I should work. Component resource should be injected in model. @ResourcePath is used to inject other resources. Can you check what adaptables you are using. Its difficult to comment with seeing code. I will suggest you take a look of demo code once and Sling Model related tutorials also. Where I explain annotations in details. Please check demo code : github.com/aemgeeks1212/aemgeeks

[@sayedsalih1808]

@@AEMGeeks Hey it started working after I installed ACS commons Package into my local, wasn't aware of this, could you tell what this package helps for.

[@Akhil-nr3cp]

It start working only when i change @Inject to @SlingObject for componentResource. Why is it so?

[@AEMGeeks]

Can you please post your complete question. Difficult for me to remember.

[@Arya-mh7tx]

Can you please explain the use of @ChildResource annotation. How it can be used to get multifield

[@AEMGeeks]

Will explain in coming tutorial

[@supriyaaddepalli2973]

Hii I created multifield dialogue with text and image field and image reference is not saving. For image uploading I am using /file upload. Can u please clear this .Thanks in advance

[@AEMGeeks]

Are you getting some error in browser console. Please check. Please check backend logs as well for any error. It is difficult to comment with checking code.

[@utkarshsingh7829]

Hi I am using AEM6.5. "Using map" part is not working for me. Any clue?

[@AEMGeeks]

It should work. It is just java. Please check logs for any error. You can get demo code from my git repo. Just build at your local and install to your AEM. You will complete demo code in local AEM instance.

[@prashanthnani8482]

Hie i cannot retrieve the values of component to page using sightly .I just copy pasted your code and i cannot see any reflections over it Please help

[@prashanthnani8482]

Only on this tutorial

[@AEMGeeks]

Please check you have correct content. Means you should have component over page with correct properties. Please check logs for any error.

[@AEMGeeks]

Please check you have correct content. Means you should have component over page with correct properties. Please check logs for any error.

[@TarekFaham]

Why the definition of the multifield has a very long hierarchy? It's very hard to define and create in CRXDE. Is there a way to assist in creating such hierarchy?

[@AEMGeeks]

Faham , This is the way to define multifield. There are other fields also and also define tabs to keep these multified. Thats why it is looking long. If you see PPT, I mention fields required to add multifield. Try for understand dialog structure. It will very easy to create any kind of field in dialog. I will try to create a video for dialog.

[@chakkanihanth]

I have implemented the same but I am getting org.apache.sling.api.SlingexceptionL cannot get defaultSlingScript : compilation errors in org/apache/sling/scripting/sightly/apps/sdm/components/functional/topnav_html.java: Line 28, column 1274: Only a type can be imported. com.sdm.community.core.models.TopNavs resolves to a package Line 65, column 2766: Topnavs cannot be resolved to a type' This is happening when I drag and drop component on a page @AEM Geeks, Can you help how to resolve my issues.

[@AEMGeeks]

Nikanth Chakka, Are you getting this with my code, means demo code present in git.

[@samriddhigupta9848]

Sir i had a doubt while creating a component through intellij

[@AEMGeeks]

Please let me know your doubt.

[@keerthikeerthi8162]

How to print multi field items without sling models in htl.

[@AEMGeeks]

If you have more then items in multifield, I am not sure if you can get it without sling model. Why you really want it without sling model

[@muhammadsufyan8633]

You can do something like this: // Just so you get the children of specific node only

[@keerthikeerthi8162]

@@muhammadsufyan8633 thank u

[@jyotiswarupjena9708]

I was practicing this multifield but (componentresource.getchild ). is not working and I also used a log file for this to check but after this it shows a error and goes to exception why it is like that?

[@AEMGeeks]

have you created content properly. It looks you are missing some resources.

[@sanikesaicharan5995]

Hi AEM Geeks, I like your detailed topic coverage ... can you provide me with some resources to become an adobe certified AEM dev

[@AEMGeeks]

I got my developer certification in March 2020. I can tell you, what kind of question I got that time. I can explain topics, what you need to prepare for dev certification.

[@sanikesaicharan5995]

@@AEMGeeks Thank You, I want to prepare for adobe certified AEM developer test

[@adityasrivastava9531]

I have one question For a nested multifield dialog, how will I display the value entered, just by using sightly (I'm not interested in sling models now) if I do ${properties.bookname} , ${properies.booksubject} , ${properties.publishyear} in the component's .html file, the values will not be displayed for the nested multifiled dialog . How will I achieve this?

[@AEMGeeks]

aditya srivastav, Do some research and try to achieve this. try to find answers of below questions as well. this just for your learning. I will answer after your research. 1. How nodes getting created on page once you save multifiled. 2. Can you iterate those nodes directly in sightly. 3. Can you process those nodes only in sightly. 4. How will you read nested dialog saved node values only in sightly. 5. Purpose of sightly is to display values not write business logic or logic for processing. 6. when you should fetch dialog values directly in sightly. Finding answers to above question will enhance your knowledge. If you need to know more about sightly, please follow sightly playlist. keep learning..

[@adityasrivastava9531]

@@AEMGeeks I learnt few things A nested multifield dialogue value can not be displayed using sightly. It's not possible, we need sling models for that. Also, multifield values gets saved as child nodes. So, data -sly- list attribute of sightly is very important in cases of multiple values to fetch and display. It helps to iterate through the elements. I have watched till lecture 17. From lecture 18 it's bit high level so taking pause and now starting sightly playlist

[@AEMGeeks]

you are completely correct aditya srivastav, you need sling model to get nested multifield. This is best practice also to use sling model until you don't need any processing/business logic, But ideally you need processing off dialog field values. Sling model is also important for content exporter as well. Content Exporter is one of the reason to use Sling Model. You will understand this once you follow content exporter related tutorials. After completing this playlist/series, you will have all understanding of AEM basic backend development concepts/topics. keep learning...

[@adityasrivastava9531]

@@AEMGeeks I have paused the basic video playlist till video 17. Content as a service video 18, I saw and realised it's little out of my understanding. so I paused. Also I need to fix my backend so it works. So I am starting sightly playlist. After sightly again I will again watch from here.

[@priyanshi99]

Nice video . This multifield is not working in 6.5 with acs commons 4.10 the values are always getting stored in node_store format with composite true and when composite value is set false dialog is not retaining values. Please share the code of multifield which stores values in string array/ json store format AEM 6.5 and acs 4.10

[@AEMGeeks]

Priyanshi Shrivastava, The multifield, I explained in this tutorial is independent of ACS Commons. I am using granite/ootb multifiled. I code this tutorial this in AEM 6.5 with service pack 4. You might missing something. could you please take code from my git repo. Just build the whole code and deploy all module package. you will get every thing. github.com/aemgeeks1212/aemgeeks you can not add as in JSON format in AEM 6.5. Granite/Coral 3 add multifield in node structure only. You can easily parse to JSON. You can do it with ACS Commons by adding a property with Coral 2. But I guess that is not supported with AEM 6.5 now. So you have to write some custom code for your requirement. We have to write custom code to save values in json format. I wil try this once i have some time. But I will recommend you to use multifield with node structure only. this is the standard way.

[@NileshChavan1009]

@@AEMGeeks i see similar issue where i have multifield with 2 field and composite = false. This saves the multifield values as array of a string, which is what i need. I dont want JSON. However, when i try and open the dialog, the saved values are not retrieved. I understand for JSON we need to write custom code, but i just need the saved values as is. Any suggestions. I'm on AEM 6.5 with SP 17.

[@mohammedskouti3429]

it's not working for me only the author is displaying all the author not working

[@AEMGeeks]

you may be missing something. Take sample code from git repo.

[@mohammedskouti3429]

@@AEMGeeks idid still not working

[@mohammedskouti3429]

@@AEMGeeks i also tried with my own code and it's not working Can i show my code ?

[@mounika5618]

For that we need create variable before that for me showing error at that place

[@AEMGeeks]

Did not understand your question.

[@AhmedSM8]

the dialog is confusing is their a video to help us create

[@AEMGeeks]

Will cover dialogs in detail in future.

[@DBFastfuninfo]

Nice sir

[@AEMGeeks]

Thanks Bond05, You can get complete code from git repo : github.com/aemgeeks1212/aemgeeks

[@DBFastfuninfo]

@@AEMGeeks yes sir I am waiting another video Awesome sir🙏🙏

[@AEMGeeks]

you will get site creation related videos soon.

[@DBFastfuninfo]

Thank you sir

[@srikar11nov]

Hi Can you explain the JS code for the dialog validation happening in this component

[@AEMGeeks]

Srikar S, Please check tutorials #15,#16 and #17 of same series/playlist

[@somevalue4951]

Thank you

[@AEMGeeks]

Welcome!

[@barkhasharma295]

org.apache.sling.api.resource.PersistenceException: Unable to commit changes to session. I'm getting this exception when I tried configuring and saving changes to a multifield component. I tried a lot but am unable to fix it. Can you please help with this?

[@AEMGeeks]

There may be many reasons. But this not related to multifield. 1. Check if you have proper permission to add/update content. 2. If you took content from somewhere else, Please check any uuid added to page/component node. If yes then delete. 3. Create new page and than use component.

[@barkhasharma295]

@@AEMGeeks Thanks for your help. I found the solution. The problem was in the node structure. There were ./ added by mistake in the name property of the items of the multifield which wasn't correct.