How to arrange controlP5 RadioButtons horizontally?

zmalex

How to arrange controlP5 RadioButtons horizontally?

in Contributed Library Questions • 1 year ago

Does anyone know?

Looking the the controlP5 homepage the image shows a horizontal layout. But the example code arranges them vertically. I can't figure out how to arrange them horizontally. Thanks.

Replies(1)

zmalex

Re: How to arrange controlP5 RadioButtons horizontally?

1 year ago

Figured it out.

Does not work as expected

RadioButton adlAnimationStepRadio = null;
Toggle adlAnimationStepToggle = null;
adlAnimationStepRadio = controlP5.addRadioButton("Animation Step", 20, 60);
adlAnimationStepRadio.deactivateAll();
adlAnimationStepToggle = adlAnimationStepRadio.addItem("1",1);
adlAnimationStepToggle.setPosition(20, 60);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("5",5);
adlAnimationStepToggle.setPosition(20, 0);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("10",10);
adlAnimationStepToggle.setPosition(40, 0);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("20",20);
adlAnimationStepToggle.setPosition(60, 0);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("50",50);
adlAnimationStepToggle.setPosition(80, 0);

Works as expected

RadioButton adlAnimationStepRadio = null;
Toggle adlAnimationStepToggle = null;
adlAnimationStepRadio = controlP5.addRadioButton("Animation Step", 20, 60);
adlAnimationStepRadio.deactivateAll();
adlAnimationStepRadio.setItemsPerRow(7);
adlAnimationStepRadio.setSpacingColumn(20);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("1",1);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("5",5);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("10",10);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("20",20);
adlAnimationStepToggle = adlAnimationStepRadio.addItem("50",50);

Top Reply

How to arrange controlP5 RadioButtons horizontally?

Replies(1)

Re: How to arrange controlP5 RadioButtons horizontally?

Statistics

Tags

Actions

Related Posts