How to disable autocomplete in AEM pathfield

huyp24302004

13-12-2018

I would like to disable "autocomplete" feature in AEM pathfield. Anyone knows how to do that, Thanks

https://helpx.adobe.com/experience-manager/6-3/sites/developing/using/reference-materials/granite-ui...

<link
  jcr:primaryType="nt:unstructured"
  sling:resourceType="granite/ui/components/coral/foundation/form/pathfield"
  fieldLabel="Link"
  fieldDescription="Please add a link"
  rootPath="/content/"
  name="./link"
  validation="data-valid-internal-external"
  autocomplete="false"
  required="{Boolean}true"/>

Screen Shot 2018-12-13 at 6.39.54 PM.png

Accepted Solutions (1)

Accepted Solutions (1)

Ravi_Pampana

MVP

14-12-2018

Check below file which has the code for auto suggestion and see how can you overwrite it to achieve your requirement

/libs/granite/ui/components/coral/foundation/form/pathfield/render.jsp

Answers (4)

Answers (4)

Arun_Patidar

MVP

13-12-2018

Hi,

If you don't want to use autocompleted you can use textfield instead of path field.

Pathfield internally uses autocompleted to create list if you want to make changes in OOTB functionality, overlay is the solution.

There is no property called autocomplete="false".

PathField — Granite UI 1.0 documentation

smacdonald2008

14-12-2018

Agree with Arun - In that reference doc - i am not seeing an auto complete field. Therefore - looks like there is no way using props in the dialog that you can turn this off.

You cannot use props on granite types that do not exist.

huyp24302004

14-12-2018

Hi Arun Patidar,

I know. But based on the requirement, that field's using to put an internal or an external link. So, cannot change to textfield.

Can you give me more detail (the syntax function) on the overlay solution?  it's rendering by coralui3 js. Thanks