Side by side layout issue with Multi drop-down field

RE: Side by side layout issue with Multi drop-down field

ramakrishnak — Thu, 28 Jun 2018 15:24:46 GMT

Thanks, i figured it out already.

RE: Side by side layout issue with Multi drop-down field

deviratnamv — Thu, 28 Jun 2018 10:23:24 GMT

Hi Ramakrishna,

I agree with above practitioners. Below code may be useful to you.

a!sideBySideLayout(
items: {
a!sideBySideItem(
item: a!multipleDropdownField(
label: "data1",
placeholder: "select data",
choiceLabels: {"a","b","c","d","a1","b1","c1","d1","a3","b3","c3","d3"},
choiceValues: {"a","b","c","d","a1","b1","c1","d1","a3","b3","c3","d3"},
value: ri!testing,
saveInto: ri!testing

),
width: "1X"
),
a!sideBySideItem(
item: a!multipleDropdownField(
label: "data2",
placeholder: "select data",
choiceLabels: {"a","b","c","d","a1","b1","c1","d1","a3","b3","c3","d3"},
choiceValues: {"a","b","c","d","a1","b1","c1","d1","a3","b3","c3","d3"},
value: ri!drop2,
saveInto: ri!drop2
),
width: "1X"
),
a!sideBySideItem(
item: a!multipleDropdownField(
label: "data3",
placeholder: "select data",
choiceLabels: {"a","b","c","d","a1","b1","c1","d1","a3","b3","c3","d3"},
choiceValues: {"a","b","c","d","a1","b1","c1","d1","a3","b3","c3","d3"},
value: ri!drop3,
saveInto: ri!drop3
),
width: "1X"
),
a!sideBySideItem(
item: a!multipleDropdownField(
label: "data4",
placeholder: "select data",
choiceLabels: {"a","b","c","d","a1","b1","c1","d1","a3","b3","c3","d3"},
choiceValues: {"a","b","c","d","a1","b1","c1","d1","a3","b3","c3","d3"},
value: ri!drop3,
saveInto: ri!drop3
),
width: "1X"
)

}
)

RE: Side by side layout issue with Multi drop-down field

Shiva Valusa — Tue, 26 Jun 2018 13:06:08 GMT

I Agree with sunilz, you can configure the fixed width from the given options(“1X”, “2X”, “3X”, “4X”, “5X”, “6X”, “7X”, “8X”, “9X”, and “10X”) to avoid this issue.

RE: Side by side layout issue with Multi drop-down field

Sunil Zacharia — Sun, 17 Jun 2018 09:27:49 GMT

Hi,

I have noticed this behaviour when you select MINIMIZE as component width for a dropdown field.
Currently this is the default behaviour and cannot be adjusted. All you can do is change the component width to 1X which is the lowest possible width that can suppress this behaviour.

Regards,
Sunil Zacharia