Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.

Slightly access the properties

Avatar

Level 3

Hi,

i am overriding the tabs component.

i need to add a pathbrowser to the dialog.

The dialog is being fetched from /apps/core/wcm/components/commons/editor/dialog/childreneditor.

if i add a pathbrowser to it using the below code , the value is empty.

i figured out we need to give the value attribute.

But how can i retrive the value of the pathbrowser as the whole multifield is in repeating over the list. i got he cuurent node in ${item.name} but it is retrieving as string.

is it possible to parse the string and get the node in sightly.

<div class="coral-Form--Custom-path">

           <label class="coral-Form-fieldlabel coral-Form--Path">Enter Path</label>

           <span data-init="pathbrowser" data-root-path="/" data-option-loader="" data-picker-src="/libs/wcm/core/content/common/pathbrowser/column.html?predicate=hierarchyNotFile" data-crumb-root="">

               <input class="coral-InputGroup-input coral-Textfield js-coral-pathbrowser-input ng-pristine ng-valid custom-pathbrowser" placeholder="Enter path to resource" type="text" name="./${item.name}/urlField" value="${item.value}"

autocomplete="off" aria-owns="coral-1" ng-model="app.resource" ng-change="dirty()" ng-blur="blur()" id="coral-2" aria-haspopup="true" aria-expanded="false" >

           <button class="coral-Button coral-Button--secondary coral-Button--square js-coral-pathbrowser-button" type="button" title="Browse">

           <i class="coral-Icon coral-Icon--sizeS coral-Icon--folderSearch"></i>

           </button>

           </span>

           </div>

1 Reply

Avatar

Employee Advisor

You can use valuemap which is used to read node properties. More details at [1]

[1] HTL Global Objects