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
BedrockMission!

Learn More

View all

Sign in to view all badges

How to disable dropdown field in touch ui dialog AEM 6.2

Avatar

Avatar
Validate 10
Level 2
karansheel
Level 2

Likes

6 likes

Total Posts

39 posts

Correct Reply

0 solutions
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile

Avatar
Validate 10
Level 2
karansheel
Level 2

Likes

6 likes

Total Posts

39 posts

Correct Reply

0 solutions
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile
karansheel
Level 2

24-11-2017

Hi,

I have a requirement in which i have to disable the dropdown field in dialog . To do this, i have added two properties ""disabled": true,"  & "renderReadOnly": true, but still it's not working .I'm able to manipulate dropdown value. where as it's working fine for text field.

here is json of this node

{

"jcr:primaryType": "nt:unstructured",

"cq:showOnCreate": true,

"jcr:title": "Page type",

"sling:resourceType": "granite/ui/components/foundation/form/fieldset",

"items": {

"jcr:primaryType": "nt:unstructured",

"pagetitle": {

"jcr:primaryType": "nt:unstructured",

"cq:showOnCreate": true,

"name": "./pageType",

"class": "cq-dialog-dropdown-showhide",

"cq-msm-lockable": "pageType",

"disabled": true,

"cq-dialog-dropdown-showhide-target": ".carousel-option-listfrom-showhide-target",

"fieldLabel": "Page Type",

"sling:resourceType": "granite/ui/components/foundation/form/select",

"renderReadOnly": true,

"items": {

"jcr:primaryType": "nt:unstructured",

"news": {

"jcr:primaryType": "nt:unstructured",

"text": "News",

"value": "News"

},

"products": {

"jcr:primaryType": "nt:unstructured",

"text": "Products",

"value": "Products"

},

"events": {

"jcr:primaryType": "nt:unstructured",

"text": "Events",

"value": "Events"

}

}

}

}

}

thanks,

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

24-11-2017

You can make a drop-down field read only by using this property:

ADROPREAD2.png

See:

ADROPREAD.png

Answers (3)

Answers (3)

Avatar

Avatar
Give Back
Level 1
AnonymousCh
Level 1

Likes

0 likes

Total Posts

4 posts

Correct Reply

0 solutions
Top badges earned
Give Back
View profile

Avatar
Give Back
Level 1
AnonymousCh
Level 1

Likes

0 likes

Total Posts

4 posts

Correct Reply

0 solutions
Top badges earned
Give Back
View profile
AnonymousCh
Level 1

21-01-2021

Hi, 

 

I'm facing the same issue. I have dropdown in page properties, if i use disabled="true" then the field is becoming read only in pages. But this field and its value are not saved in crx/de in jcr:content of the page. Does anyone know solution.

Avatar

Avatar
Validate 10
Level 2
karansheel
Level 2

Likes

6 likes

Total Posts

39 posts

Correct Reply

0 solutions
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile

Avatar
Validate 10
Level 2
karansheel
Level 2

Likes

6 likes

Total Posts

39 posts

Correct Reply

0 solutions
Top badges earned
Validate 10
Validate 1
Boost 5
Boost 3
Boost 1
View profile
karansheel
Level 2

26-11-2017

Hi smacdonald2008​,

Thanks for your response. If you check my question i have added this property in my dialog and it's showing disabled to me but when i cancel the inheritance i'm able to update the dropdown down value. Is it expected behaviour ?

Avatar

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile

Avatar
Validate 25
Level 10
smacdonald2008
Level 10

Likes

1,409 likes

Total Posts

12,671 posts

Correct Reply

2,278 solutions
Top badges earned
Validate 25
Validate 10
Validate 1
Give back 900
Give back 600
View profile
smacdonald2008
Level 10

24-11-2017

Try this for yourself by installing this package on 6.3 and setting the prop shown in pic: Adobe Experience Manager Help | Using an WCMUsePojo class to populate an Experience Manager Touch UI...