Expand my Community achievements bar.

Hide dropdownlist

Avatar

Former Community Member

Hi,

Can someone please show me how to hide dropdownlist borders when printing.

I've tried these two ways :

this.resolveNode("ui.#choiceList").border.edge.color.value = '255,255,255';

this.resolveNode("ui.#choiceList").border.corner.color.value = '255,255,255';

I've also tried

this.border.presence

= "hidden";

Nothing seems to work.

8 Replies

Avatar

Level 10

Hi,

I have a sample here: http://assurehsc.ie/blog/index.php/2010/06/laying-out-a-form/

If you look at the middle column of objects on page 2. The first one hides the border on the prePrint event and then shows it again on the postPrint event.

You are on the right track. Note that in this example I change the lowered style to solid first and then set the solid border style to white.

The following will equally work on prePrint for a textfield:

var vName = this.name.toString();

xfa.resolveNode(vName + ".ui.textEdit.border.edge").presence = "invisible";

and on postPrint:

var vName = this.name.toString();

xfa.resolveNode(vName + ".ui.textEdit.border.edge").presence = "visible";

One last thing to bear in mind. The above is scripted for a textfield (textEdit), if you have another object type then you will need to change the ui reference.

Date field = #dateTimeEdit 

Dropdown = #choiceList 

Checkbox = #checkButton 

Text field = #textEdit 

Numeric field = #numericEdit

Hope that helps,

Niall

Avatar

Former Community Member

Hi,

Thanks but on my side the code below only makes the top border to be invisible not the whole border.

var

vName = this.name.toString();

xfa.resolveNode(vName

+ ".ui.choiceList.border.edge").presence = "invisible";

Avatar

Level 10

Hi,

That's not our experience here - the presence script hides/shows the whole border.

Try this example here: https://acrobat.com/#d=KRstrh4*MJ2Ii22WiFzAqg

If the presence is not working for you, you could always try the other example which changes the colour of each of the border elements one at a time.

What version of LC Designer / Acrobat are you using?

Hope that helps,

Niall

Avatar

Former Community Member

HI,

Your form works perfectly, I dont know why mine its not working.

I'm using LC Designer ES2

Avatar

Level 10

Okay,

It should work fine, so its just a case of hunting down the problem.

Check that the language is set to Javascript and is running at client. Also open the Javascript Console (Control+J) and see does that give any errors when the print button is pressed.

Double check that the ui property matches the object, eg textEdit for a textfield and choiceList for a dropdown.

Check the target version for the form in the File > Form Properties > Defaults tab. Check the Warnings tab to see if there are any problems there.

Can you share your form or the part of the form that is giving trouble?

Niall

Avatar

Former Community Member

Okay I saw what the problem is. I compare your dropdown with mine.

The only difference is that yours the appearance is Sunken Box while mine is Solid Box.

So both of them dont work if the appearance is a Solid Box...currently all my fields are solid boxes

Andile

Avatar

Level 10

Hi,

When using a solid box, you need to go through each edge and change the presence one by one.

I have updated the sample with a second ddl which uses a loop to change the solid border: https://acrobat.com/#d=KRstrh4*MJ2Ii22WiFzAqg

Hope that helps,

Niall