How to show each radio button on a new line within a custom screen

Does anybody know how to show each radio button on a new line?

I'm using SearchEngine within a radio button element to show the different options.

Map config;

SearchEngine seSales;
seSales.addField("sale.sale_id");
seSales.addField("sale.heading");
seSales.addCriteria("sale.project_id","OperatorEquals",projectId.toString(),"OperatorAnd",0);

Integer count = 0;

for(seSales.execute(); !seSales.eof(); seSales.next())
{
saleId = seSales.getField("sale.sale_id");
saleHeading = seSales.getField("sale.heading");

config.insert("buttons." + count.toString() + ".value", saleId);
config.insert("buttons." + count.toString() + ".label", saleHeading);
count++;
}

config.insert("buttons.length", count.toString());
config.insert("label", "Choose an existing sale by clicking a Radiobutton");

addHtmlElement(getScreenElementId(screenElementIndex),
getScreenElementName(screenElementIndex),
getScreenElementType(screenElementIndex),
config);

RE: How to show each radio button on a new line within a custom screen

Hi,

Sorry, this component does not support vertical printing. Also, playing with the CSS would change all radio buttons in the whole system so that is probably not what you want either. My best suggestion is to create your own radio button control using the "Ejscript element" type. Should not be very complicated. Perhaps someone else have already done so.

Sverre

Af: Sverre Hjelm 14. aug 2018