How to set default value in a Touch UI select element?

Forum|Forum|10 years ago
November 2, 2015
13 replies
32560 views

I am trying to set the defaultValue in a Touch UI select dropdown. Setting "defaultValue" in dialog.xml works in Classic mode, but not in Touch. Here is the relevant snippet from my component's .content.xml <alignment jcr:primaryType="cq:Widget" sling:resourceType="granite/ui/components/foundation/form/select" fieldLabel="Alignment" name="./alignment" value="option2" defaultValue="option2"> <items jcr:primaryType="cq:WidgetCollection"> <topLeft jcr:primaryType="nt:unstructured" text="Option 1" value="option1"/> <topCenter jcr:primaryType="nt:unstructured" text="Option 2" value="option2"/> <topRight jcr:primaryType="nt:unstructured" text="Option3" value="option3"/> </items> </alignment>

This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.

Best answer by andrew_bowles

It seems that this is a bug with the granite select component (granite/ui/components/foundation/form/select).

The problem was also posted here, and never solved: http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__vhse-hi_default_value.html

Lokesh_Shivalingaiah

Level 10

defaultValue doesnt work in Touch UI.

If you want Option 2 be set as defaultValue. try using this

<alignment
jcr:primaryType="cq:Widget"
sling:resourceType="granite/ui/components/foundation/form/select"
fieldLabel="Alignment"
name="./alignment"
value="option2"
defaultValue="option2">
<items jcr:primaryType="cq:WidgetCollection">
<topLeft
jcr:primaryType="nt:unstructured"
text="Option 1"
value="option1"/>
<topCenter
jcr:primaryType="nt:unstructured"
text="Option 2"
value="option2"
selected="true"/>
<topRight
jcr:primaryType="nt:unstructured"
text="Option3"
value="option3"/>
</items>
</alignment>

S

Swathi1

Level 2

selected="{Boolean}true"

It worked fine for touch ui in AEM 6.3 but didnot work when inplace upgrade was done to upgrade to 6.5. Please advise.

Lokesh_Shivalingaiah

Level 10

Basically, you need to add 'selected' property which takes a boolean for the option which you want. by default it will be 'false'

andrew_bowlesAuthor

Level 2

I've added selected="true" to the second value in the dropdown, but the first value is still selected by default.

<horizontal jcr:primaryType="cq:Widget" sling:resourceType="granite/ui/components/foundation/form/select" fieldLabel="Horizontal Alignment" name="./halign"> <items jcr:primaryType="cq:WidgetCollection"> <topLeft jcr:primaryType="nt:unstructured" text="Left" value="hleft"/> <topCenter jcr:primaryType="nt:unstructured" text="Center" value="hcenter" selected="true"/> <topRight jcr:primaryType="nt:unstructured" text="Right" value="hright"/> </items> </horizontal>

Lokesh_Shivalingaiah

Level 10

Have you added it as a String or boolean ?

Lokesh_Shivalingaiah

Level 10

if you are changing directly in the xml, it should be like

selected="{Boolean}true"

andrew_bowlesAuthor

Level 2

I am making the change directly in the component's .content.xml, but selected="{Boolean}true" hasn't worked either. It seems to always default to the first option.

andrew_bowlesAuthorAccepted solution

Level 2

It seems that this is a bug with the granite select component (granite/ui/components/foundation/form/select).

The problem was also posted here, and never solved: http://help-forums.adobe.com/content/adobeforums/en/experience-manager-forum/adobe-experience-manager.topic.html/forum__vhse-hi_default_value.html

D

darakhshan_shei

Andrew Bowles wrote...

I am making the change directly in the component's .content.xml, but selected="{Boolean}true" hasn't worked either. It seems to always default to the first option.