Expand my Community achievements bar.

Don’t miss the AEM Skill Exchange in SF on Nov 14—hear from industry leaders, learn best practices, and enhance your AEM strategy with practical tips.

Hiding the Arrow of a Drop Down List on exit

Avatar

Level 2

I have a form with a drop down list containing various items. Once an item has been selected i want the arrow head to disappear and then reappear on entry again. I believe the only way to do this is to make the field read only on exit and then open again on entry but i have no idea how to write that script. (still learning)!  any help would be appreciated. 

7 Replies

Avatar

Level 10

Hi there,

you got this right. Read only when exiting and open when entering. You can achieve this by using the following scripts:

You can refer to LiveCycle access' reference for values possibilities at the following link

Adobe LiveCycle ES4 * access

Hope this will help.

Avatar

Level 2

Magus069 thank you, the exit is just what i'm looking for.

However on enter it doesn't change back to open?

Avatar

Level 2

Magus069 thank you, the exit is just what i'm looking for.

However on enter it doesn't change back to open?

Avatar

Level 10

I don't know why it would not work... I'd look the JavaScript console debugger see if there's any syntax error or anything.

But the statement I provided is suppose to work.

Avatar

Level 7

Did you click it? It worked for me. Only when clicking the dropDownList did it show the arrow, you can select a different item and then it was made readOnly again. The arrow wont show when hovering over it.

Avatar

Level 2

Yeah I clicked it. I'll keep trying, hopefully its a simple fix.

Avatar

Level 2

It works if I tab into it, but not if i click it.