// the changed event and the remove item button
panel(builders.vspacer());
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Changed Event:"));
control(new LabelBuilder("selectedItem") {{
width("*");
alignLeft();
textVAlignCenter();
textHAlignLeft();
}});
panel(builders.hspacer("9px"));
control(new ButtonBuilder("removeDropDownItemButton", "Remove"));
}});
// and additionally the index of the selected item
panel(builders.vspacer());
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Current Sel. Idx.:"));
control(new ControlBuilder("#selectedIndices", "label") {{
alignLeft();
textHAlignLeft();
width("250px");
}});
}});
panel(builders.vspacer());
panel(builders.vspacer());
panel(builders.vspacer());
panel(builders.vspacer());
panel(builders.vspacer());
panel(new PanelBuilder() {{
width("100%");
height("1px");
backgroundColor("#0008");
}});
panel(builders.vspacer());
control(new RadioGroupBuilder("RadioGroup-1")); // the RadioGroup id is used to link radiobuttons logical together so that only one of them can be active at a certain time
panel(new PanelBuilder() {{
control(builders.createLabel("Radio Buttons"));
childLayoutHorizontal();
panel(new PanelBuilder() {{
childLayoutVertical();
backgroundColor("#8001");
paddingLeft("7px");
paddingRight("7px");
paddingTop("4px");
paddingBottom("4px");
width("105px");
onActiveEffect(new EffectBuilder("border") {{
effectParameter("color", "#0008");
}});
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Option 1", "60px"));
control(new RadioButtonBuilder("option-1") {{
group("RadioGroup-1");
}});
}});
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Option 2", "60px"));
control(new RadioButtonBuilder("option-2") {{
group("RadioGroup-1");
}});
}});
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Option 3", "60px"));
control(new RadioButtonBuilder("option-3") {{
group("RadioGroup-1");
}});
}});
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Option 4", "60px"));
control(new RadioButtonBuilder("option-4") {{
group("RadioGroup-1");
}});
}});
}});
panel(builders.hspacer("10px"));
panel(new PanelBuilder() {{
childLayoutVertical();
backgroundColor("#8001");
paddingLeft("7px");
paddingRight("7px");
paddingTop("4px");
paddingBottom("4px");
onActiveEffect(new EffectBuilder("border") {{
effectParameter("color", "#0008");
}});
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Option 1 Event:"));
control(new LabelBuilder("option-1-changed") {{
width("*");
alignLeft();
textVAlignCenter();
textHAlignLeft();
}});
}});
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Option 2 Event:"));
control(new LabelBuilder("option-2-changed") {{
width("*");
alignLeft();
textVAlignCenter();
textHAlignLeft();
}});
}});
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Option 3 Event:"));
control(new LabelBuilder("option-3-changed") {{
width("*");
alignLeft();
textVAlignCenter();
textHAlignLeft();
}});
}});
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Option 4 Event:"));
control(new LabelBuilder("option-4-changed") {{
width("*");
alignLeft();
textVAlignCenter();
textHAlignLeft();
}});
}});
}});
}});
panel(builders.vspacer());
panel(builders.vspacer());
panel(new PanelBuilder() {{
childLayoutHorizontal();
control(builders.createLabel("Group Event:"));
control(new LabelBuilder("RadioGroup-1-changed") {{
width("*");
alignLeft();
textVAlignCenter();
textHAlignLeft();
}});