Expand my Community achievements bar.

SOLVED

delete border drop down list

Avatar

Level 4

hello, how can I hide the borders of a drop down list??


1 Accepted Solution

Avatar

Correct answer by
Level 10

Hi,

There is a post here: Laying out a form with a sample form here: sample form

You want to explore the objects on page 2.

You can access the user interface settings for each object and change the border to solid or set its presence to invisible. For example in the enter event:

var vName = this.name.toString();

xfa.resolveNode(vName + ".ui.choiceList.border.edge").stroke = "solid";

for (var i=0; i<4; i++) {

  this.ui.oneOfChild.border.getElement("edge",i).color.value = "255,153,0"; //orange tinge

  xfa.resolveNode(vName + ".ui.choiceList.border").getElement("edge",i).thickness = "0.0200in";

}

And for the exit event:

var vName = this.name.toString();

for (var i=0; i<4; i++) {

     xfa.resolveNode(vName + ".ui.choiceList.border").getElement("edge",i).thickness = "0.0069in";

}

xfa.resolveNode(vName + ".ui.choiceList.border.edge").stroke = "lowered";

Hope that helps,

Niall

View solution in original post

5 Replies

Avatar

Level 10

Probably you can try setting the Appearance property to either None or Underline.. That way you can avoid the default border around the dropdown.

Thanks

Srini

Avatar

Level 4

hello thanks for the reply, you know your options. I wanted to know if you can change the style of a dropdown list in code

Avatar

Level 10

I have not seen any option to change the appearance at runtime thru code.. May be some one might have any idea to help you..

Thanks

Srini

Avatar

Correct answer by
Level 10

Hi,

There is a post here: Laying out a form with a sample form here: sample form

You want to explore the objects on page 2.

You can access the user interface settings for each object and change the border to solid or set its presence to invisible. For example in the enter event:

var vName = this.name.toString();

xfa.resolveNode(vName + ".ui.choiceList.border.edge").stroke = "solid";

for (var i=0; i<4; i++) {

  this.ui.oneOfChild.border.getElement("edge",i).color.value = "255,153,0"; //orange tinge

  xfa.resolveNode(vName + ".ui.choiceList.border").getElement("edge",i).thickness = "0.0200in";

}

And for the exit event:

var vName = this.name.toString();

for (var i=0; i<4; i++) {

     xfa.resolveNode(vName + ".ui.choiceList.border").getElement("edge",i).thickness = "0.0069in";

}

xfa.resolveNode(vName + ".ui.choiceList.border.edge").stroke = "lowered";

Hope that helps,

Niall